nicht angemeldet
boxen statt tabellen
hallo forumler,
ich versuche mich zum erstenmal an einem tabellenlosen layout mit css - boxen.
wenn es denn mal irgendwann fertig ist, soll es eigentlich recht klassisch aussehen, also oben eine 100% breite box,
darunter 3 boxen nebeneinander (navi-content-rechts).
breite jeweils 15%-70%-15%. nun wird aber die rechte box UNTER den anderen beiden boxen angezeigt anstatt DANEBEN. es sei denn ich nehme irgendwo ein paar % weg (15%-68%-15%). dann geht es, allerdings sind dann die drei boxen nicht mehr genausobreit wie die oberee einzelne.
ich hab keine ahnung woran das liegen könnte...
mein stylesheet sieht so aus: fällt euch was auf daran?
#boxtop { position:relative; top:0px; left:0px; width:100%; height:100px; z-index:1; margin:1px; background-color: #ffffff; border: 1px solid black}
#boxnav { position:relative; width:15%; height:200px; z-index:1; margin: 1px; display: inline; background-color: #ffffff; border: 1px solid black}
#boxcontent { position:relative; width:70%; z-index:1; margin: 1px ;display: inline; background-color: #ffffff; border: 1px solid black; top: 0px}
vielen dank für eure hilfe
daniel
#boxright { position:relative; width:15%; z-index:1; margin: 1px ; display:inline;background-color: #ffffff; border: 1px solid black}
-
Hi Daniel
#boxnav { position:relative; width: 15%; margin: 1px; ...}
#boxcontent { position:relative; width: 70%; margin: 1px; ... }
#boxright { position:relative; width: 15%; margin: 1px; ... }Summe: width:100% + margin: 3px
Das sind dann in Summe natürlich 3px zuviel, denn 'margin' steht für den Außenabstand. Sieh' dir diesbezüglich mal http://www.w3.org/TR/REC-CSS2/box.html an.
Setze die drei DIVs in ein weiteres, das 100% breit ist und keinen zusätzlichen Außenabstand hat. Dann orientiert sich die Breite nämlich am umgebenden DIV.
LG Orlando
--
SELF-TREFFEN 2002
http://www.rtbg.de/selftreffen/
http://www.megpalffy.org/temp/penneninhh.html-
Tach auch,
Das sind dann in Summe natürlich 3px zuviel
Bist Du da sicher? Nach meiner Rechnung sind das 6px, da die Margin ja jeweils auf beiden Seiten hinzugefuegt wird.
Gruss,
Armin-
Hi Armin,
Das sind dann in Summe natürlich 3px zuviel
Bist Du da sicher? Nach meiner Rechnung sind das 6px, da die Margin ja jeweils auf beiden Seiten hinzugefuegt wird.
hörst du wohl auf!!!1 Ich meinte latürnich pro Seite pro DIV. *räusper* Mein Gott, bist du heute aber wieder pingelig. Wo doch pixelgenaues Design an sich schon verwerflich ist... Außerdem sollte das ja nur ein Anreiz sein, die Ursache selbst herauszufinden. SELF sozusagen.
Wer mir das jetzt glaubt, bekommt 99 Gummipunkte. ;p
LG Orlando
--
SELF-TREFFEN 2002
http://www.rtbg.de/selftreffen/
http://www.megpalffy.org/temp/penneninhh.html -
aufstehen... Danke !!
das mit den pixeln als außenabstand wars...
jetzt klappts ;-)
grüße daniel
-
-
-
Tach auch,
mein stylesheet sieht so aus: fällt euch was auf daran?
Ja. Zumindest habe ich eine Vermutung was die Ursache ist.
#boxtop {width:100%; margin:1px; border: 1px solid black}
#boxnav {width:15%; margin: 1px; border: 1px solid black;}
#boxcontent {width:70%; margin: 1px; border: 1px solid black;}
#boxright {width:15%; margin: 1px; border: 1px solid black}
Boxtop ist 100% + 4px breit
Die drei Inhaltsboxen sind 100% + 12px (3*4px) breit. Damit ist die rechte Box in gewissem Sinne zu breit und wird daher in die naechste Zeile geschoben.
Gruss,
Armin