|
||||
3-spalten-layout --> boxen nebeneinander positionieren
hi,
meine frage ist: warum sind die boxen (alle height: 100%) nicht nebeneinander angeordnet trotz float:left;. Was fehlt da ? mein code: Code:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="de" lang="de"> <head> <title>jk</title> <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" /> <style type="text/css"> * {margin:0; padding:0;} html, body, #container, #left, #right, #center {height:100%;} body { background:#ffffff; font-size:100,01%; text-align: center; } #container { background: yellow; min-height: 100%; text-align: left; width: 1000px; margin: 0 auto; } #left { min-height: 100%; float: left; width: 200px; background: #A03F59; overflow: hidden; border: 1px solid #cccccc; } #center { min-height: 100%; background: #4A518F; border: 1px solid #cccccc; float: left; width: 500px; overflow: hidden; } #right { min-height: 100%; float: right; width: 200px; background: #A03F59; overflow: hidden; border: 1px solid #cccccc; } </style> </head> <body> <div id="container"> <div id="left"> begin check check check check check check check check check end</div> <div id="center"> begin check check check check check check check check check end</div> <div id="right"> begin check check check check check check check check check end</div> </div> </body> </html>
__________________
Gruß Roman // ngkreativ.de - Webdesign & Motorradumbau |
Sponsored Links |
|
|||
Re: 3-spalten-layout --> boxen nebeneinander positioniere
Zitat:
Zitat:
Was ist "float-left"? Validiere dein Stylesheet. |
Sponsored Links |
|
||||
so, die breite reicht jetzt theoretisch aus (container: width: 1000px, egal ob der IE jetzt das boxmodell falsch interpretiert oder nicht. es passt leider immer noch nicht. habe ich etwas übersehen ?
btw. ein fehlendes ";" kann ich leider nicht erkennen. float-left heißt natürlich float:left....blöder fehler... ansonsten hat nur beim "meta" das "/" am ende gefehlt. jetzt ist es valide nach "validome"
__________________
Gruß Roman // ngkreativ.de - Webdesign & Motorradumbau |
|
|||
|
|
||||
och nö, ich dachte validome findet solche sachen........oje
naja danke, es tut edit: welche eigenschaft bestimmt, dass die site im IE und firefox gleichermaßen etwas größer ist als 100% (scrollbalken). ist das wieder einmal unverständnis des boxmodells meinerseits, oder was sonst ? edit2: quelltext oben aktualisiert
__________________
Gruß Roman // ngkreativ.de - Webdesign & Motorradumbau |
|
|||
Zitat:
__________________
</ulle> |
|
|||
__________________
</ulle> |
|
|||
@metacrawler:
ich möchte mich IChao (aus einem anderen Thread) anschließen: Zitat:
|
|
||||
hm, ich habe jetzt alle border rausgenommen. es geht
gut.....es werden ja noch andere elemente in den containern links/rechts/center positioniert, dann gebe ich denen einfach die gewünschte border. oder gibt es eine möglichkeit, dass bei height border nicht mitgezählt wird. (100% und auto verhalten sich ja gleich) hm, könnte man theoretisch nicht den div id="container" ganz weglassen und die boxen links / rechts um die box center positionieren ? edit: ja stimmt @fricca. heute ist endlich das buch "css-praxis" gekommen. ich hoffe, ich muss euch dann nicht mehr mit meinen immer-gleichen fragen belasten
__________________
Gruß Roman // ngkreativ.de - Webdesign & Motorradumbau |
Sponsored Links |
Themen-Optionen | |
Ansicht | |
|
|
Ähnliche Themen | ||||
Thema | Autor | Forum | Antworten | Letzter Beitrag |
3 Spalten Layout: Schrift läuft in andere Boxen | nauen | CSS | 7 | 05.12.2011 15:39 |
CSS 3 Spalten Layout mit float --> Umbruch verhindern | der_die_das | CSS | 1 | 27.10.2009 06:57 |
2 CSS Boxen nebeneinander positionieren | -seppel- | CSS | 3 | 25.06.2008 00:45 |
zweispalitiges layout -> alle boxen gleich | kakktus | CSS | 0 | 17.01.2008 17:43 |
Vertikales Layout - Floats - 2 Boxen nebeneinander | grischa_sgd | CSS | 4 | 25.09.2007 15:55 |