|
|||
Anzeige im IE falsch
Hallo
Ich habe mich an das Gerüst meiner Homepage gemacht. hier der code: Code:
#logo { background-color: #FEC641; padding: 0; height: 100px; margin: 10px; width: 100px; position: fixed; top: 15px; } #header { background-color: #FEC641; padding: 0; height: 100px; margin: 10px 10px 10px 120px; } #left { background: #FEC641; padding: 0; margin: 10px 10px 10px -238px; width: 225px; position: absolute; top: -10px; left: 0; } #main { background-color: #FEC641; padding: 0; margin: 10px 10px 10px 247px; position: relative; } Dies funktioniert beim Firefox, bei Opera und bei Google Chrome. Beim IE sieht es leider so aus: Kann mir jemand sagen, woran dies liegt? Lg |
Sponsored Links |
Sponsored Links |
|
|||
Ich habe nochmals eine kleine Frage:
Und zwar habe ich jetzt das mit dem float probiert. So sieht der code jetzt aus: Code:
#logo { background-color: #FEC641; color:black; padding: 0; height: 100px; margin: 10px; width: 150px; float: left; } #header { background-color: #FEC641; color:black; padding: 0; height: 100px; margin: 10px; float:left; } #left { background: #FEC641; color:black; padding: 0; margin: 10px; width: 150px; float: left; clear: left; } #main { background-color: #FEC641; color:black; padding: 0; margin: 10px; float: left; } Könnte mir bitte nochmals jemand helfen? |
|
||||
Leider muss ich jetzt etwas raten.
Bei #main: float:left; raus, clear:both; rein, width:100%; Bei #header brauchst du dann denke ich keine Breitenangabe mehr. Allerdings wird es sehr schwer leserlich, wenn du einen Text hast, der bei einem 22" Monitor über die vollen 1050 Pixel Breite geht Dann hat dein Text irgendwann plötzlich noch 2 Zeilen, und die Seite wirkt ziemlich leer
__________________
Rettet die Erde.... sie ist der einzige Planet mit Schokolade! |
|
|||
Ich habe die Seite jetzt mal hochgeladen.
Du findest sie hier: Hundebänder Wenn du sonst noch etwas brauchst, stelle ich es auch gerne online. |
|
||||
Ich habe dich vorhin falsch verstanden gehabt, sorry.
#main braucht doch ein float:left; und kein clear. Dann sollten beide Elemente nebeneinander rutschen. Vorsicht aber: du musst nach #main noch einmal clearen! Die Breite bei #main lässt du auch am besten weg, dann ist es immer so Breit, wie es Platz braucht. Du kannst aber auch #left und #main jeweils eine Breite in % geben, genauso auch bei #logo und #header.
__________________
Rettet die Erde.... sie ist der einzige Planet mit Schokolade! |
Sponsored Links |
|
|||
danke, was meinst du mit:
Zitat:
|
Sponsored Links |
|
|
Ähnliche Themen | ||||
Thema | Autor | Forum | Antworten | Letzter Beitrag |
IE6:Horizontales Menü wird unterschiedlich angezeigt:erst falsch, nach Reload korrekt | Ste | CSS | 0 | 25.02.2009 13:46 |
Anzeige in Netscape 4.78 und IE5 | MoJo | CSS | 14 | 05.11.2006 13:38 |
IE zeigt falsch, FF richtig - change - FF zeigts falsch, IE richtig | nick | CSS | 6 | 19.08.2006 02:02 |
Probleme mit Top Navigator und Anzeige im Mozilla!?!?! | Patrik | CSS | 2 | 24.08.2004 16:37 |