Hilfe bei Layout

Antworten

wie wärs mit einwenig code?mag mir doch nicht deinen quelltext selbst raussuchen, der dafür verantwortlich ist....

2.

Natürlich!

Code:                   In Zwischenablage kopieren (nur IE)

---

// BEGINN<center><div id="block"><span id="navi"> <img src="Bilder/referenzen_02.gif" width=109 height=86 alt="Navigation"> <br> <img src="Bilder/referenzen_14.gif" width=105 height=362 alt="Banner" style="padding-right:4px;"></span><div id="content"> <div id="box1">Die letzten Works, werden hier aufscheinen. </div> <div id="box2">Statistik:<br><br>Heute: 12<br>Gestern: 123<br>Gesamt: 12340 </div><div id="inhalt">asdf</div></div> </div></center>// ENDE1">// BEGINN<br/><center><br/><div id="block"><br/><br/><span id="navi"><br/>    <img src="Bilder/referenzen_02.gif" width=109 height=86 alt="Navigation"> <br><br/>    <img src="Bilder/referenzen_14.gif" width=105 height=362 alt="Banner" style="padding-right:4px;"><br/></span><br/><br/><div id="content"><br/><br/>    <div id="box1"><br/>Die letzten Works, werden hier aufscheinen.<br/>    </div><br/>    <br/>    <div id="box2"><br/>Statistik:<br><br><br/><br/>Heute: 12<br><br/>Gestern: 123<br><br/>Gesamt: 12340<br/>    </div><br/><br/><div id="inhalt"><br/>asdf<br/></div><br/><br/></div><br/>    <br/>    </div><br/></center><br/>// ENDE<br/>

---

CSS:

Code:                   In Zwischenablage kopieren (nur IE)

---

/* Index Seite: */body {margin:0;padding:0;background-color:#333333;background-repeat:repeat-y;background-position:center;background-image:url(Bilder/referenzen_19.gif);color:#99CC00;font-family:Verdana;font-size:10px;}#block {width:548px;height:100%;background-color:#000000;}#navi {background-color:#0000000;width:120px;float:left;padding:0px;margin:0px; }#content {background-color:#000000;height:100%;width:400px;float:right;padding:0px 10px;font-weight:bold;text-align:left; }#box1 {height:85px;width:157px;background-image: url(Bilder/referenzen_04.gif);background-color:#FFFFFF;color:#000000;text-align:center;float:left; }#box2 {height:85px;width:157px;background-image: url(Bilder/referenzen_04.gif);background-color:#FFFFFF;color:#000000;text-align:center;float:right; }#inhalt {height:100px;width:400px;background-color:#FF0000; }/* Unterseiten: */2">/* Index Seite: */<br/>body {<br/>margin:0;<br/>padding:0;<br/>background-color:#333333;<br/>background-repeat:repeat-y;<br/>background-position:center;<br/>background-image:url(Bilder/referenzen_19.gif);<br/>color:#99CC00;<br/>font-family:Verdana;<br/>font-size:10px;<br/>}<br/><br/>#block {<br/>width:548px;<br/>height:100%;<br/>background-color:#000000;<br/>}<br/><br/>#navi {<br/>background-color:#0000000;<br/>width:120px;<br/>float:left;<br/>padding:0px;<br/>margin:0px; }<br/><br/>#content {<br/>background-color:#000000;<br/>height:100%;<br/>width:400px;<br/>float:right;<br/>padding:0px 10px;<br/>font-weight:bold;<br/>text-align:left; }<br/><br/>#box1 {<br/>height:85px;<br/>width:157px;<br/>background-image: url(Bilder/referenzen_04.gif);<br/>background-color:#FFFFFF;<br/>color:#000000;<br/>text-align:center;<br/>float:left; }<br/><br/>#box2 {<br/>height:85px;<br/>width:157px;<br/>background-image: url(Bilder/referenzen_04.gif);<br/>background-color:#FFFFFF;<br/>color:#000000;<br/>text-align:center;<br/>float:right; }<br/><br/>#inhalt {<br/>height:100px;<br/>width:400px;<br/>background-color:#FF0000; }<br/><br/><br/>/* Unterseiten: */

---

Bitte sehr!

mfg Dani

3.

http://de.selfhtml.org/css/formate/box_modell.htm

Die Box wird übrigens nicht zwischen den beiden anderen, sondern hinter den beiden angezeigt.

4.

Leider kann ich beim Link nichts erkennen, was mir helfen könnte.
Aber danke!

5.

Lies nochmal genau den Punkt "Berechnung von Höhe und Breite" durch und schau dir vor allem das Bild an.
Hier noch ein weiterer Link (übrigens von dieser Seite).....

http://de.selfhtml.org/css/eigenschaften/randabstand.htm

Zitat:

---

Mit margin-top: können Sie den Rand/Abstand oben bestimmen. Erlaubt ist eine Seite numerische Angabe oder der Wert auto oder inherit. Im obigen Beispiel wird für Überschriften 1., 2. und 3. Ordnung ein vorausgehender Abstand von 3em definiert. Ferner wird eine Klasse beispiel für das div-Element definiert. Solche Bereiche haben laut Definition im Beispiel 100 Pixel Abstand zu ihrem vorausgehenden Element (und 200 Pixel Abstand nach links, definiert mit margin-left).

---

Diese Information fehlt in deinem Coding..... Daher wird die Box ganz oben "angeheftet".....

6.

Cool!
Danke dir!

mfg Dani


 

Weitere Themen

kontaktformular Abbruch bei Aufruf von imagecreatefromjpeg Subdomain über Plesk Datensätze, die 2 Bedingungen erfüllen auslesen variablenübergabe bzw. -verwendung bei require-befehl auslesen !!! Filtern Daten aus externer Mysql includen Dynamische Baumstrucktur array Problem Syntaxproblem bei if - Abfrage (absolutes Anfängerniveau) Icq Status anzeigen Datenbank-Problem Wie kann ich ein leeres Ergebnis verarbeiten? aus iframe wird include - wie mit Variable? php_variable an javascript im head übergeben Anfängerfrage: Feldabfrage nach Eingabe Ftp Benutzer erstellen sql und umlaute nach import Mysql - abfragen mit Flash Backup funktioniert nicht! mail() mit anhängen? ergebnis abhängig vom feld sortieren substr soll erst Nach einem Wort abtrennen. Php und Confixx Fehler bei Multipart-mail in Outlook Express -&gt; Macintosh Darf man beim Key eines Arrays alle Zeichen benutzen? Variablenwerte bei Übergabe abgeschnitten php soll html erstellen Bild aus Datenbank abfragen.. externes Js-script als Php-datei Zeilenumbruch in einer Csv-datei Dynamische Variablen Farbe in einfarbigen PNG Image (mit Alphawerten) ersetzen? SESSION enthält keine Variabeln Html-code &quot;stoppt&quot; hilfe+1&amp;amp;1 SessionID nicht bei Suchmaschine an Link anhängen Suche Funktion ähnlich eval() Frame wird erst beim Reload angezeigt Seite bleibt weiß Prüfen der Existenz einer Funktion dateinamen in db speichern MSSQL Server Datenbank mit PHP abfragen Thumbnails Permission? $_reuest Problem: gibt mir nur das erste Wort des Strings aus. Checkbox prüfen Smiles Code sofort in Textfelf einfügen Performance Weiter