css boxen 3 spalten layout - fragen

mr.red · 26.04.2006, 16:35

hy, kann mir das mal jemand erklären, ich les überall nur, dass mans so machen soll, aber warum das gerade auf die art funzt weiss ich net:

-warum bekommt der maincontent keinen lift, sondern verlängert die page, der right hingegen braucht einen overflow. -die beiden sind doch gleich?

-warum muss ich bei left die width verringern, wenn ich den border dazuschalt, sonst schmeissts alles und bei den anderen beiden net?

-was is der grund, dass wrapper_spalten in wrapper_gesamt ist, bzw für was is wrapper gesamt gut?

das css file enthält

Code:

#ueberschrift {padding:10px; color:green; font-family:"verdana", "arial"; font-size:60px;}
#wrapper_gesamt {width:80%; align:center;}
#left {width:19%;  float:left; position:relative; overflow:auto; border:thin solid black;}
#wrapper_rechterteil {width:80%;  float:right; position:relative;}
#right {width:24%;  float:right;  position:relative; overflow:auto;border:thin solid black;  }
#maincontent {background-color: #FFFFFF;  float: left; display:inline;  position: relative;  width:75%;border:thin solid black; overflow:auto;}
#wrapper_spalten {}

html (body):

Code:

<body>

<div id="wrapper_gesamt">


    <div id="wrapper_spalten">
        <div id="wrapper_rechterteil">
        <div id="maincontent">main content,dude 
        </div>
        
        <div id="right">rechts rechtsrechtsrechtsrechtsrechtsrechtsrechtsrechtsrechtsrechtsrechtsrechtsrechtsrechtsrechtsrechtsrechtsrechtsrechtsrechtsrechtsrechtsrechtsrechtsrechtsrechtsrechtsrechtsrechtsrechtsrechtsrechtsrechtsrechtsrechtsrechtsrechtsrechtsrechts</div>
        </div>
        <div id="left">links linkslinkslinkslinkslinkslinkslinkslinkslinkslinkslinkslinkslinkslinkslinkslinkslinkslinkslinkslinkslinkslinkslinkslinkslinkslinkslinkslinkslinkslinkslinkslinkslinkslinkslinks</div>
    </div> 




</div> <!-- ende wrapper_geamt--!>

thx

SerenDwyn · 01.05.2006, 17:14

Orientier Dich mal nach dem Tutorial auf http://www.glish.com/css/ (rechts: "Quick-Links to the Layouts:")

mr.red · 01.05.2006, 18:03

thx! hab auch schon "the holy grail" gefunden etc pp, aber eine tabelle mit den floats drinnen is einfach besser, zumal ich auch beim holy grail keinen hinweis bekomm, warum der ie6 im standardkonformen modus trotzdem nicht mittut...

01.05.2006, 18:03	#3
mr.red Inventar Registriert seit: 29.04.2001 Alter: 57 Beiträge: 2.278	thx! hab auch schon "the holy grail" gefunden etc pp, aber eine tabelle mit den floats drinnen is einfach besser, zumal ich auch beim holy grail keinen hinweis bekomm, warum der ie6 im standardkonformen modus trotzdem nicht mittut... ____________________________________ i2p http://www.i2p.net/download

01.05.2006, 17:14	#2
SerenDwyn Master Registriert seit: 20.11.2005 Beiträge: 748	Orientier Dich mal nach dem Tutorial auf http://www.glish.com/css/ (rechts: "Quick-Links to the Layouts:")

Aktive Benutzer in diesem Thema: 1 (Registrierte Benutzer: 0, Gäste: 1)