|
|||
Div Tag rutscht runter
Hallo
Ich bin daran eine Homepage zu kreiren. Leider funktioniert das mit dem Layout nicht ganz. Ich habe eine CSS-Datei (Inhalt unten), mit der ich das Layout regle. Mein Problem: Im IE sieht die Page bei maxiiertem Browser gut aus. Doch sobald ich das Fenster verkleinere Rutscht mir der Content Bereich nach unten. Im Firefox rutsch der Footer hinter den Content Bereicht. Aufteilung sieht etwa so aus: Kann mit jemand helfen? Inhalt der CSS- Datei: body,td,th { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; color: #000000; } body { background-color: #3333FF; overflow:scroll margin: 0; } a:link, a:visited, a:active { color: #000000; text-decoration: none; background-color: #FFFFFF; font-size: 14px; } a:hover { color: #000000; text-decoration: none; background-color: #FFFFFF; } hr { margin: 5px 0px 5px 0px; color: #660033; border: 0; border-top: 1px solid #660033; height: 1px; width: 300px; } h1 { font-size: 18px; color: #414785; text-align: left; margin: 8px 2px 8px 2px; } form { margin: 0; } #container { background-color: #3333FF; font-size: 12px; font-color: #000000; text-align: left; width: 100%; margin: 10px auto; border: 0px solid #333333; line-height: 130%;; } #top { padding: .5em; background-color: #3333FF; border-bottom: 0px solid #333333; padding-bottom: 25px; padding-left: 25px; } #top a { color: #000000; } #top h1 { padding: 0; margin: 0; } #leftnav { font-size: 14px; float: left; width: 160px; margin: 10px; margin-top: 3px; } #leftnav ul, #leftnav li { margin: 0; padding: 0; list-style: none; margin-bottom: 5px; } #leftnav ul ul { padding-left: 8px; } #leftnav a:link, #leftnav a:visited, #leftnav a:active, #leftnav a:hover { display: block; padding: 2px; } #rightnav { width: 140px; position: static; float: right; margin: 0; padding: 1em; } #content { margin-left: 200px; border-left: 0px solid #333333; margin-right: 100px; border-right: 0px solid #333333; padding: 1em; width: 550px; background-color: #FFFFFF; } #footer { position: static; clear: both; margin: 0; padding: .5em; color: #000000; background-color: #3333FF; border-top: 1px solid #333333; border-bottom: 1px solid #333333; } #leftnav p, #rightnav p { margin: 0 0 1em 0; } #content h2 { margin: 0 0 .5em 0; } .banner a { color: #FFFFFF; } .login_table { border: 1px solid #D0D0D0; margin-top: 20px; margin-bottom: 5px; text-align: center; padding-bottom: 3px; } .login_table h1 { color: #660033; font-size: 12px; text-transform: uppercase; font-weight: bold; text-align: center; } .login_table input { text-transform: uppercase; font-size: 10px; width: 100px; } Geändert von master_of_the_desaster (28.05.2007 um 12:56 Uhr) |
Sponsored Links |
|
||||
Online Beispiel?
Code der HTML Datei? Kannst du die Datei mal benennen wie in der Grafik?
__________________
Ohne Quelltext gibts selten Hilfe. Also: Onlinebeispiel hochladen und Link bereitstellen! Foren-FAQ Geändert von Crizzo (28.05.2007 um 22:03 Uhr) |
Sponsored Links |
|
|||
man kann unter SYC - Salensteiner Yacht-Club - Home das Beispiel ansehen.
|
|
||||
Naja die Lösung ist recht einfach, du lässt die Elemente "floaten" und sie haben eine fixe Breite. Nun wird das Fenster kleiner und die Elemente haben neben einander keinen Platz mehr und weichen nach unten aus.
Aber zuerst solltest du deine Fehler beheben: Result for http://www.syc.ch/cms/ - W3C Markup Validator Und schmeiß alle, nicht für den Inhalt relevanten Tags, aus der HTML Datei und definiere das per CSS Datei.
__________________
Ohne Quelltext gibts selten Hilfe. Also: Onlinebeispiel hochladen und Link bereitstellen! Foren-FAQ |
|
|||
So nach längerer Pause bin ich wieder da.
Zitat:
Zitat:
Zitat:
|
Themen-Optionen | |
Ansicht | |
|
|
Ähnliche Themen | ||||
Thema | Autor | Forum | Antworten | Letzter Beitrag |
Fragen zu CSS und Joomla | DOKTOR | CSS | 2 | 23.05.2011 20:29 |
Brauche Hilfe: Schwarzes Nichts | Zwox | CSS | 10 | 19.11.2010 17:53 |
Header entfernen | tripple | CSS | 17 | 15.06.2010 16:41 |
Schriftfarbe in den Eintragungsfeldern von jforms | Steveislucky | CSS | 2 | 16.03.2010 11:59 |
CSS Text nebeinander? | carstiee09 | CSS | 13 | 13.11.2009 20:18 |