zurück zur Startseite
  


Zurück XHTMLforum > (X)HTML und CSS > CSS
Seite neu laden CSS-Anfänger: im IE7 Probleme mit clear und falling floats

Antwort
 
LinkBack Themen-Optionen Ansicht
  #1 (permalink)  
Alt 21.08.2009, 21:36
Neuer Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 06.08.2009
Beiträge: 11
blablub befindet sich auf einem aufstrebenden Ast
Standard 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
Mit Zitat antworten
Sponsored Links
  #2 (permalink)  
Alt 22.08.2009, 01:38
Benutzerbild von heiko_rs
Erfahrener Benutzer
XHTMLforum-Kenner
 
Registriert seit: 18.09.2005
Ort: Berlin
Beiträge: 9.848
heiko_rs ist ein wunderbarer Anblickheiko_rs ist ein wunderbarer Anblickheiko_rs ist ein wunderbarer Anblickheiko_rs ist ein wunderbarer Anblickheiko_rs ist ein wunderbarer Anblickheiko_rs ist ein wunderbarer Anblickheiko_rs ist ein wunderbarer Anblick
Standard

.content bekommt durch min-width "hasLayout" (Google) und daher wirkt das clear innerhalb von .content nicht mehr auf die außerhalb floatende Navi.

Abhilfe: die 3 divs von .symbleiste bis Footer raus aus .content. .symbleiste cleart dann, dafür brauchst Du kein leeres Extra-div.

Außerdem: br ist nicht als Abstandshalter gedacht, und Validator-Links wirken äußerst unprofessionell.
__________________
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.)
Mit Zitat antworten
Sponsored Links
  #3 (permalink)  
Alt 23.08.2009, 17:00
Neuer Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 06.08.2009
Beiträge: 11
blablub befindet sich auf einem aufstrebenden Ast
Standard

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
Mit Zitat antworten
  #4 (permalink)  
Alt 23.08.2009, 17:20
Benutzerbild von heiko_rs
Erfahrener Benutzer
XHTMLforum-Kenner
 
Registriert seit: 18.09.2005
Ort: Berlin
Beiträge: 9.848
heiko_rs ist ein wunderbarer Anblickheiko_rs ist ein wunderbarer Anblickheiko_rs ist ein wunderbarer Anblickheiko_rs ist ein wunderbarer Anblickheiko_rs ist ein wunderbarer Anblickheiko_rs ist ein wunderbarer Anblickheiko_rs ist ein wunderbarer Anblick
Standard

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.)
Mit Zitat antworten
  #5 (permalink)  
Alt 23.08.2009, 20:46
Neuer Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 06.08.2009
Beiträge: 11
blablub befindet sich auf einem aufstrebenden Ast
Standard

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?
Mit Zitat antworten
  #6 (permalink)  
Alt 23.08.2009, 21:00
Benutzerbild von heiko_rs
Erfahrener Benutzer
XHTMLforum-Kenner
 
Registriert seit: 18.09.2005
Ort: Berlin
Beiträge: 9.848
heiko_rs ist ein wunderbarer Anblickheiko_rs ist ein wunderbarer Anblickheiko_rs ist ein wunderbarer Anblickheiko_rs ist ein wunderbarer Anblickheiko_rs ist ein wunderbarer Anblickheiko_rs ist ein wunderbarer Anblickheiko_rs ist ein wunderbarer Anblick
Standard

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.)
Mit Zitat antworten
  #7 (permalink)  
Alt 24.08.2009, 19:43
Neuer Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 06.08.2009
Beiträge: 11
blablub befindet sich auf einem aufstrebenden Ast
Standard

jo, warum eigentlich nicht
Vor allem: dadurch ist das Problem verschwunden
Mit Zitat antworten
  #8 (permalink)  
Alt 24.08.2009, 21:38
Benutzerbild von heiko_rs
Erfahrener Benutzer
XHTMLforum-Kenner
 
Registriert seit: 18.09.2005
Ort: Berlin
Beiträge: 9.848
heiko_rs ist ein wunderbarer Anblickheiko_rs ist ein wunderbarer Anblickheiko_rs ist ein wunderbarer Anblickheiko_rs ist ein wunderbarer Anblickheiko_rs ist ein wunderbarer Anblickheiko_rs ist ein wunderbarer Anblickheiko_rs ist ein wunderbarer Anblick
Standard

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.)
Mit Zitat antworten
Antwort

Themen-Optionen
Ansicht

Forumregeln
Es ist Ihnen nicht erlaubt, neue Themen zu verfassen.
Es ist Ihnen nicht erlaubt, auf Beiträge zu antworten.
Es ist Ihnen nicht erlaubt, Anhänge hochzuladen.
Es ist Ihnen nicht erlaubt, Ihre Beiträge zu bearbeiten.

BB-Code ist an.
Smileys sind an.
[IMG] Code ist an.
HTML-Code ist aus.
Trackbacks are an
Pingbacks are an
Refbacks are aus


Ä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


Alle Zeitangaben in WEZ +2. Es ist jetzt 15:05 Uhr.