|
|||
CSS-Anfänger: im IE7 Probleme mit clear und falling floats
Hallo,
ich arbeite erstmals mit CSS und habe hier: MedCtr - Willkommen nun folgendes Problem: mit IE8 und Firefox sieht die Seite so aus, wie sie soll, d.h. auf der Startseite liegt die blaue Symbolleiste so, dass sie an der Unterkante des Menüs links beginnt (von der vertikalen Lage her gesehen). Allerdings habe ich die Seite nun seit langem mal wieder mit dem IE7 aufgerufen und schreckliches gesehen: Im IE7 sieht es so aus, als würde das clear gar nicht beachtet. Diese blauen Symbole stehen NEBEN dem Menü. Wie als ob das <div class="clear"></div> gar nicht vor <div class="symbleiste"></div> stehen würde. Und: (passiert auch nur im IE 7) - wenn ich das Browser Fenster schmaler mache, rutscht SÄMTLICHER Inhalt des content rechts nach unterhalb des Menüs links. Wahrscheinlich alles Anfängerfehler.... ich bin aber ratlos. Jemand eine Idee? Danke |
Sponsored Links |
Sponsored Links |
|
|||
ui ui ui.. tausend Dank, da wäre ich ja nie drauf gekommen.
Habe das nun so gemacht, aber dadurch gleich das nächste Problem: Wie bekomme ich es hin, dass auf der Startseite symbleiste und footer trotz der Änderung unterhalb des content zentriert sind und nicht über die gesamte Browserbreite zentriert? Habe beiden nun ein padding-left gegeben, damit geht es, solange das Browserfenster so breit ist, dass es keinen horizontalen Scrollbalken hat. Wird es schmaler, verschiebt sich die symbleiste nach links. Gleiches wird für das div Warnung auf allen anderen Seiten. Danke |
|
||||
Wenn sich die besagten divs genauso verhalten sollen wie .content, musst Du ihnen auch die gleichen Deklarationen zuweisen - .content hat ausschließlich folgende Regel:
Code:
.content { margin: 0 0 0 13.1em; min-width: 61em; }
__________________
Wer keinen Link auf seine problembehaftete Seite posten kann, weil diese noch nicht online ist: Testcase bauen, online stellen, Link posten. Internet-Grundregel: Unbekannte Begriffe googeln! (Erspart 99% aller Nachfragen.) |
|
|||
Hallo,
ja irgendwie wurde es mir auch langsam klar. Nun bin ich erstmal froh, das Wesentliche sieht so aus, wie es soll. Das zweite Problem, von dem ich schon beim 1. mal schrieb, hat sich allerdings nicht im Rahmen der ganzen Änderungen auch erledigt: Wenn das Browserfenster eine gewisse Breite unterschreitet springt im IE 7 ( nicht in Firefox 3 oder IE 8 ) alles was rechts vom Menü ist ganz runter und beginnt erst unterhalb des Menüs. Glaube das nennt man falling floats. Was mach ich denn da? |
|
||||
Ich würde eh body min-width geben (alle anderen min-width-Deklarationen können dann raus).
__________________
Wer keinen Link auf seine problembehaftete Seite posten kann, weil diese noch nicht online ist: Testcase bauen, online stellen, Link posten. Internet-Grundregel: Unbekannte Begriffe googeln! (Erspart 99% aller Nachfragen.) |
|
||||
Eben Nur solange das direkte Elternelement der Floats (und das ist hier eben body) ausreichend breit ist, können die Floats darin nebeneinander stehen - daher min-width für body.
__________________
Wer keinen Link auf seine problembehaftete Seite posten kann, weil diese noch nicht online ist: Testcase bauen, online stellen, Link posten. Internet-Grundregel: Unbekannte Begriffe googeln! (Erspart 99% aller Nachfragen.) |
Themen-Optionen | |
Ansicht | |
|
|
Ähnliche Themen | ||||
Thema | Autor | Forum | Antworten | Letzter Beitrag |
CSS Probleme mit Imageflow | Toe | CSS | 3 | 06.03.2008 12:59 |
Eigene css float und clear Dokumentation | nick | CSS | 0 | 17.01.2008 18:24 |
Probleme mit IE7 und 3Pixelbug | Mav303 | CSS | 8 | 14.03.2007 13:39 |
Probleme mit phpbb Forum CSS | Declan | CSS | 30 | 16.02.2007 15:37 |
CSS Design Probleme | Hawklan | CSS | 5 | 12.08.2004 12:45 |