|
|||
Erste Schritte mit CSS
Ich bin dabei ein Template für ein CMS zu erstellen. Hab einige kleine Probleme mir der Definition der Divs.
"Nav2" ist wie auch "Content" länger als der Body "Menü" und "Content" sollen die Seite nach unten 100% füllen und vom "Content" Inhalt gegenbenfalls verlängert werden. (Momentan im Firefox zu lang und im IE zu kurz) Der Filler oben fehlt noch! http://www.insel-tortuga.de/Template/index.html template.css body{ font-family: Arial, sans-serif; color: #333333; line-height: normal; margin: 0px; padding: 0px; } /***********************************************/ /* Layout Divs */ /***********************************************/ #Top1{ background-image: url(images/Top1.jpg); background-repeat: no-repeat; padding: 0px; position: relative; top: 0px; height: 90px; width: 220px; left: 0px; } #Top3 { color: #cccccc; background-image: url(images/Top3.jpg); background-repeat: no-repeat; height: 90px; width: 764px; top: 0px; position: absolute; right: 0px; } #Nav1 { color: #cccccc; background-image: url(images/Nav1.jpg); background-repeat: no-repeat; padding: 0px; position: absolute; top: 90px; height: 60px; width: 220px; left: 0px; } #Nav2 { color: #cccccc; background-repeat: repeat-x; padding: 0px; position: absolute; top: 90px; height: 60px; left: 220px; background-color: #000000; background-image: url(images/Nav2.jpg); width: 100%; overflow: hidden; } #Menu { color: #cccccc; background-repeat: no-repeat; position: absolute; top: 150px; height: 200px; width: 140px; left: 0px; background-image: url(images/Menu.jpg); } #Menu2 { color: #000000; background-repeat: repeat-y; position: absolute; top: 350px; width: 140px; left: 0px; background-image: url(images/Menu2.jpg); height: auto; } #content { color: #cccccc; background-repeat: no-repeat; position: absolute; top: 150px; height: 100%; width: 100%; left: 140px; background-color: #000000; } Ich hoffe auf etwas Hilfe! Vielen Dank im Voraus Tortuga S.O.B |
Sponsored Links |
|
|||
Re: Erste Schritte mit CSS
Zitat:
Wirf die abs. Pos. erstmal komplett raus... Wenn du Elemente nebeneinander setzten willst, gibt es die float-Eigenschaft. Zitat:
Zitat:
[der IE macht das falsch - aber der IE versteht height wie min-height] Eine (min-)height Angabe in Prozent richtet sich immer nach der Höhenangabe des Elternelements. Es fehlt: html, body {100%} Arbeite dich doch mal durch den Workshop und die Beispiele bei css4you. Grüße fricca |
Sponsored Links |
Themen-Optionen | |
Ansicht | |
|
|
Ähnliche Themen | ||||
Thema | Autor | Forum | Antworten | Letzter Beitrag |
Redesign für Steiner Cycling Team | pkipper | Site- und Layoutcheck | 11 | 09.02.2011 13:25 |
Einbindung von frei erhältlichen Scripten - CSS Problem | DonL | CSS | 1 | 22.01.2011 17:09 |
MYspace mehr als nur CSS oder ? | Vinceone | CSS | 0 | 12.07.2007 03:21 |
Eric Meyer's CSS | Petty | Ressourcen | 0 | 21.11.2005 09:18 |
Mozilla ignoriert externes css | DarkWanderer | CSS | 9 | 22.09.2005 12:39 |