|
|||
(Newbie): Probleme mit Abständen - IE6 + Firefox
Hallo,
Meine website: www.virusclan.cc Es gibt sowohl im Firefox, als auch im IE6 Probleme, allerdings unterschiedliche: 1) In firefox: Zwischen dem div Bereich oben (Banner) und dem div bereich mit dem Inhalt in der Mitte wird ein riesen Abstand gelassen, ca. 150 pixel schätze ich. Habe lang versucht herauszufinden woran es liegt, bin aber auf keinen grünen Zweig gekommen. Das KÖNNTE ich lösen indem ich position:absolute; setze vom linken Div. Allerdings kann ich das nicht, weil mir der IE sonst genau das hier macht: http://www.virusclan.cc/pics/divprob.JPG Also es wird dann der root-container (der die anderen Beinhaltet, mit seinem Rand nur knapp bis unter dem Banner gesetzt, anstatt bis ans untere Ende der Seite. 2) Im IE6: Der Bereich Mitte hält sich an den Abstand rechts zum Aussenrand nicht, egal was ich hier eingebe. Nehme ich allerdings width:90%; aus dem CSS sheet (bereich Mitte) , dann wird's im IE richtig angezeigt. Das kann ich aber nicht, weil dann aus unerklärlichen Gründen im Firefox der Mitte bereich nur ca. die hälfte einnimmt und auf der rechten Seite klebt ganz aussen (??). Das sollte ja auch nicht so sein, wenn ich nur wenige Pixel left und right margin habe. Was könnte ich noch versuchen? Hier ist das CSS sheet: Code:
* {margin:0; padding:0;} body { color: #A8FFD3; background-color: #000000; font-size: 100.01%; font-family: Verdana,Tahoma,Arial,sans-serif; font-size: 0.8em; margin: 0; padding: 1em; } #root { margin:10px; border:1px solid #99FF33; padding:1em; background-color: #004623; } #banner { height:80px; text-align:center; width:100%; } #links { width:120px; float:left; margin-top:20px; /* display:inline; */ } #mitte { float:right; margin-top:10px; margin-left:5px; margin-right:25px; width:90%; } Geändert von NullDevice (15.07.2006 um 16:42 Uhr) |
Sponsored Links |
|
|||
Du mischt Prozenwerte und Pixelwerte wild durcheinander, das kann nicht gutgehen.
Wieviel ist 90% + 5px + 25px (#mitte) und warum sollten daneben noch 120px (#links) Platz sein? Gib deinem Menü eine feste Breite (nicht in Prozent, nicht in Pixel, sondern idealerweise in em); dem Inhaltsbereich kein float und keine Breite, nur einen margin-left in der Breite des Menüs. |
Sponsored Links |
|
|||
Zitat:
versteh ich nicht, ich hab doch margin-left: angegeben, aber jetzt sind die Dinger komplett ineinander. Die Stelle wo du meinst, dass ich einen Abstand von 120 pixel angegeben habe, hab ich nirgends gefunden. Es gibt nur width:120px , aber das ist kein Abstand, sondern die Breite des Navigationsbereichs. der teil des css schaut derzeit so aus: Code:
#links { position: absolute; width:120px; float:left; margin-top:20px; display:inline; } #mitte { margin-top:10px; margin-left:5px; margin-right:25px; } |
|
|||
Zitat:
Arbeite das durch: http://www.andreas-kalt.de/webdesign.../float-theorie Zitat:
Ich fragte dich, weshalb bei deinen obigen Angaben neben #mitte ausgerechnet die 120px Abstand für das Menü frei sein sollten. Sie sind es nicht, deshalb rutschte der Inhalt nach unten (bzw. überlappt jetzt das Menü). Wenn du absolut positionierst, ist das float wirkungslos. Bei deinem kleinen Menü ist auch das möglich, ich würde aber davon abraten. |
|
|||
Ja, aber wenn ich einen margin-left:125px im Bereich mitte angebe, rutscht im IE die navi Leiste mit. Im firefox nicht: www.virusclan.cc
|
|
|||
Zitat:
Nimm bitte die absolute Positionierung raus. |
Themen-Optionen | |
Ansicht | |
|
|
Ähnliche Themen | ||||
Thema | Autor | Forum | Antworten | Letzter Beitrag |
Probleme mit der Darstellung zwischen IE und Firefox | Insane.J | CSS | 1 | 08.11.2005 12:47 |
Unterschiedliche darstellung IE6 und Firefox | kruegge | CSS | 1 | 20.10.2005 17:23 |
CSS-Seitenlayout: Probleme mit Firefox | Rethel | CSS | 2 | 13.10.2005 13:10 |
Probleme beim Druck mit Firefox | Uller | CSS | 7 | 28.01.2005 17:01 |
bzg. Firefox und IE6 | Sukkulent | (X)HTML | 3 | 06.12.2004 09:18 |