|
|||
layout mit css - problem
Hi,
arbeite mit ein CMS typo3 und versuche gerade ein neues Design via css zu erstellen. Idee ist ein Zentriertes Design Ein container der alles zentriert und in sich hält Header 100% breit wie der container 3 spalten footer 100% so breit wie des container Problem: Der footer verscheibt sich unterhalb der mittleren spalte, aber sollte der doch unter der rechten spalte bleiben, da diese viel höher ist (nach unten). Und der Hintergrund "weiß" wird beim FireFox nicht mit nach unten gezogen, so dass nur bei IE die rechte spalte begleitet wird. Kann mir jemand Helfen??? bitte?! xxlcss Hier mein Code: body { text-align:center; background-color: #99CCFF; font-size: 11px; padding:0px; margin:0px; background-image: url(t.gif); } #container { width:800px; height: 100%; border: solid; Border-left-width: 5px; border-color: #ffffff; margin-top:20px; margin-bottom: 20px; margin-right:auto; margin-left:auto; padding:0px; background-color: #ffffff; text-align:left; } #left { width:175px; padding:0px; float:left; background:#F8F7EF; } #content { width:430px; padding:0px; float:left; background:#eee; } div#content { min-height: 300px; height:expression(this.scrollHeight > 300 ? "auto":"300px"); text-align:left; } #right { width: 175px; padding: 0px; float: right; background: #F8F7EF; margin: 0px; margin-right:auto; margin-left:auto; } #header { padding: 0px; margin: 0px; background-image: url(n.jpg); height: 200px; background-color:#ffffff; } p,h1,pre { margin:0px 10px 10px 10px; } h1 { font-size:14px; padding-top:10px; } #header h1 { font-size:14px; padding:10px; margin:0px; } #right p { font-size:10px} } #copyright { bottom: 0px; position: absolute; height: 50px; width: 100%; background-color: rgb(255,255,243); color: #666666; text-align: center; } Und hier meine DIV aufstellung: <html> <head> <title>Template</title> </head> <body> ###TEMPDOK### <div id="container"> <div id="header"> banner </div> <div id="left">###MENU###</div> <div id="content">###CONTENT_NORMAL### </div> <div id="right">###CONTENT_RIGHT### </div> <div id="copyright"> @Webmaster </p> </div>###TEMPDOK###</div> </body> </html> |
Sponsored Links |
|
|||
float:none;
clear:both; im footer sollte helfen. ps: für code sachen (egal ob css oder html) immer die code funktion nutzen.
__________________
Wie ich am schnellsten Hilfe bekomme... 1. Beschreibung des Problems 2. HTML Case mit eurem Code 3. CSS Case mit eurem Code 4. evtl. einen Screenshot oder einen Demo Link Bsp: http://www.xhtmlforum.de/viewtopic.php?t=6613 |
Sponsored Links |
Themen-Optionen | |
Ansicht | |
|
|
Ähnliche Themen | ||||
Thema | Autor | Forum | Antworten | Letzter Beitrag |
CSS layout problem | donky | CSS | 5 | 05.06.2009 17:56 |
Problem mit CSS Layout | jojoho | CSS | 9 | 20.07.2008 23:16 |
problem ausrichtung grafik und rand (css layout) | celine@23 | Barrierefreiheit | 1 | 28.12.2005 14:05 |
css layout problem mit 3 zentrierten div´s | horst | CSS | 5 | 19.08.2005 10:34 |
includes bei css layout | dan | CSS | 2 | 10.03.2004 19:21 |