zurück zur Startseite
  


Zurück XHTMLforum > (X)HTML und CSS > CSS
Seite neu laden IE6, flexibles Layout, div springt nach unten

Antwort
 
LinkBack Themen-Optionen Ansicht
  #1 (permalink)  
Alt 28.11.2008, 18:02
Neuer Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 04.09.2008
Beiträge: 20
Twols befindet sich auf einem aufstrebenden Ast
Standard IE6, flexibles Layout, div springt nach unten

Hallo, Leute!
Ich wette, diese Frage wurde schon 1000 Mal gestellt und der eine oder andere denkt sich "nicht schon wieder..". Aber ich finde keine Lösung, weder hier noch in den den Weiten des www...

Problem:

3 einfache DIVs:

HTML-Code:
<div style="width:100%; background-color:#efefef;">
    <div class="b1" style="height:200px"></div>
    <div class="b2" style="height:200px"></div>
    <div class="b3" style="height:200px"></div>
</div>
Triviales css:
Code:
.b1 {
	width:25%;
	float:left;
}

.b2 {
	width:50%;
	float:left;	

}

.b3 {
	width:25%;
	float:left;	
}
Box 3 springt beim Verändern der Breite meines Lieblingsbrowsers IE6 ständig hin und her. Wenn ich sie etwas schmaler mache (24%), dann siehts schlecht aus bleibt aber schön in Reihe.

Und ich finde keine brauchbare Lösung, um diese Box an der ihrer Position zu behalten..
Mit Zitat antworten
Sponsored Links
  #2 (permalink)  
Alt 28.11.2008, 19:54
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

Der IE rundet (im Gegensatz zu anderen Browsern) bei % gerne mal auf, aber Du kannst .b3 einen geringen neg. margin nach rechts geben, dann findet es trotz seiner "Überbreite" genug Platz neben den übrigen beiden divs (da es durch den neg. margin ja nicht so viel Platz beansprucht, wie es seine width eigentlich vorgibt).
__________________
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 28.11.2008, 23:52
Neuer Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 04.09.2008
Beiträge: 20
Twols befindet sich auf einem aufstrebenden Ast
Standard

Danke schön! Ist zwar nicht so das Optimale.. aber besser als das Umbrechen
Mit Zitat antworten
  #4 (permalink)  
Alt 29.11.2008, 01:59
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

Aber Dir ist schon klar, dass der margin des letzten der Links-Floats nach rechts gerichtet ist? Dadurch überlappen sich die Elemente nicht und die Viewport-Breite ist immer voll ausgefüllt, so dass kein Benutzer etwas von dieser Maßnahme mitbekommt.
__________________
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 29.11.2008, 02:09
Neuer Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 04.09.2008
Beiträge: 20
Twols befindet sich auf einem aufstrebenden Ast
Standard

Man sieht das im IE aber ganz gut. Nicht immer aber bei bestimmten Breiten schon
Mit Zitat antworten
  #6 (permalink)  
Alt 29.11.2008, 02:13
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

Inwiefern? Bei -5px oder weniger dürfte man nicht viel sehen. Du kannst aber gerne mal einen Link posten (siehe meine Sign.).
__________________
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 30.11.2008, 12:45
Neuer Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 04.09.2008
Beiträge: 20
Twols befindet sich auf einem aufstrebenden Ast
Standard

So langsam habe ich das doch verstanden Nun ist wird alles gut angezeigt. Ich habe margin-right: -2px; angegeben und es sieht gut aus.

Danke Dir nochmal!
Mit Zitat antworten
  #8 (permalink)  
Alt 30.11.2008, 13:21
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

-2px könnte in Extremfällen zuwenig sein
__________________
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
  #9 (permalink)  
Alt 30.11.2008, 13:30
Neuer Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 04.09.2008
Beiträge: 20
Twols befindet sich auf einem aufstrebenden Ast
Standard

Also, es hält bei einem 4-Spalter von Fullscreen bis so um die 50 Pixel. Das reicht in den meisten Fällen aus
Mit Zitat antworten
Sponsored Links
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
Schriftfarbe in den Eintragungsfeldern von jforms Steveislucky CSS 2 16.03.2010 11:59
Im IE6 verrutscht mir ein div (Spalte) nach unten toto3007 CSS 6 12.12.2009 16:41
CSS Text nebeinander? carstiee09 CSS 13 13.11.2009 20:18
Problem mit Layout auf IE6 kraadde CSS 2 23.11.2007 01:24
Div Höhe im IE6 an absoluten Div anpassen RitterSportHH CSS 1 09.08.2007 15:50


Alle Zeitangaben in WEZ +2. Es ist jetzt 06:44 Uhr.