zurück zur Startseite
  


Zurück XHTMLforum > (X)HTML und CSS > CSS
Seite neu laden background-color nicht korrekt bei float

Antwort
 
LinkBack Themen-Optionen Ansicht
  #11 (permalink)  
Alt 30.05.2008, 02:15
Neuer Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 17.08.2005
Beiträge: 16
droptix befindet sich auf einem aufstrebenden Ast
Standard

Oops, das passiert wenn man zuviel rumspielt. Danke für diesen Hinweis, bin mittlerweile schon betriebsblind. Hab jetzt wirklich ein br.clear{clear:both;} daraus gemacht.

Im FF funzt es wunderbar. Bin begeistert.

Aber: Könnt ihr mir bestätigen, dass im IE das Problem weiterhin besteht (WinIE v7.0.5730.11)? Bei mir zumindest ist das so, auch nach dem Löschen des Cache und Reload.

Ich wollte nicht so richtig daran glauben, weil ich das Float-in-Float als solches nicht kannte, obwohl ich es unbewusst schon verwendet habe. Sonst könnte man ja nie ordentliche Layouts hinkriegen... aber dass es Floating-Contexts gibt, war mir nicht wirklich bewusst. Ich lerne gern dazu, dafür sind wir ja hier!

Wenn also noch jemand eine Lösung für das IE-Problem hat, immer her damit...
__________________
change.
Mit Zitat antworten
Sponsored Links
  #12 (permalink)  
Alt 30.05.2008, 09:19
Erfahrener Benutzer
XHTMLforum-Kenner
 
Registriert seit: 28.01.2005
Beiträge: 9.346
fricca ist ein Lichtblickfricca ist ein Lichtblickfricca ist ein Lichtblickfricca ist ein Lichtblickfricca ist ein Lichtblickfricca ist ein Lichtblickfricca ist ein Lichtblickfricca ist ein Lichtblickfricca ist ein Lichtblickfricca ist ein Lichtblickfricca ist ein Lichtblick
Standard

Tut mir leid, wenn du willst, dass ich deine Seite mit dem IE anschaue, musst du dir erst einen anderen Hoster suchen.
Vermutlich hilft Layout für das umgebende Element -- oder etwas anderes als ein br als Clearelement.

Noch ein Tipp: Wenn du willst, dass dir jemand neue Kenntnisse vermittelt und du etwas dazulernst, solltest du mit weniger Zweifeln und Ablehnung an für dich Unbekanntes herangehen.
Mit Zitat antworten
Sponsored Links
  #13 (permalink)  
Alt 30.05.2008, 10:43
Neuer Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 17.08.2005
Beiträge: 16
droptix befindet sich auf einem aufstrebenden Ast
Standard

Zitat:
Zitat von fricca Beitrag anzeigen
Tut mir leid, wenn du willst, dass ich deine Seite mit dem IE anschaue, musst du dir erst einen anderen Hoster suchen.
Verstehe ich nicht. Könntest du mir das bitte erklären?
__________________
change.
Mit Zitat antworten
  #14 (permalink)  
Alt 30.05.2008, 10:52
Erfahrener Benutzer
XHTMLforum-Kenner
 
Registriert seit: 28.01.2005
Beiträge: 9.346
fricca ist ein Lichtblickfricca ist ein Lichtblickfricca ist ein Lichtblickfricca ist ein Lichtblickfricca ist ein Lichtblickfricca ist ein Lichtblickfricca ist ein Lichtblickfricca ist ein Lichtblickfricca ist ein Lichtblickfricca ist ein Lichtblickfricca ist ein Lichtblick
Standard

Mein Firefox ist so konfiguriert, dass Werbemüll gar nicht erst ankommt.
IE nicht. Und ich werde auch keinen derartigen Aufwand treiben, da ich IE allenfalls zum Testen einsetze.
Mit Zitat antworten
  #15 (permalink)  
Alt 30.05.2008, 11:14
Neuer Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 17.08.2005
Beiträge: 16
droptix befindet sich auf einem aufstrebenden Ast
Standard

Werbung kannst du doch einfach weg klicken…

Ich lese grad fleißig Lektüre. Musste erstmal die FAQ finden. Dort steht:

Zitat:
Die Standardmethode um einem Elternelement den Anschein zu geben, ein darin floatendes Element zu umgeben, ist folgende: an letzter Stelle im Elternelement platziert man ein Element, das die Eigenschaft clear:both; hat.
Bild dazu:

Ist ja genau das, was ich jetzt drin habe, was aber im IE nicht funzen will. Und das wird auch angesprochen, aber nicht gelöst:

Zitat:
Im allgemeinen funktioniert die Eigenschaft clear recht gut, sie kann aber manchmal kleine und nicht ganz so kleine Bugs zum Vorschein bringen, die fast ausschließlich auf den Internet Explorer beschränkt sind.
__________________
change.
Mit Zitat antworten
  #16 (permalink)  
Alt 30.05.2008, 11:17
Erfahrener Benutzer
XHTMLforum-Kenner
 
Registriert seit: 28.01.2005
Beiträge: 9.346
fricca ist ein Lichtblickfricca ist ein Lichtblickfricca ist ein Lichtblickfricca ist ein Lichtblickfricca ist ein Lichtblickfricca ist ein Lichtblickfricca ist ein Lichtblickfricca ist ein Lichtblickfricca ist ein Lichtblickfricca ist ein Lichtblickfricca ist ein Lichtblick
Standard

Nein, ich klicke keine Werbung weg. Und ich lass mich auch nicht von irgendwelchem Sound anschreien. Punkt.

Wie du dein Clear-Problem im IE lösen kannst, habe ich dir bereits gesagt. Warum probierst du eigentlich nie aus, was man dir rät. Immer erstmal dagegen. *nerv*

Die FAQ hättest du nach meiner zweiten Antwort in diesem Thread suchen sollen. Ich bin raus.
Mit Zitat antworten
  #17 (permalink)  
Alt 30.05.2008, 11:41
Neuer Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 17.08.2005
Beiträge: 16
droptix befindet sich auf einem aufstrebenden Ast
Standard

Irgendwie verbreitest du hier so 'ne aggressive Grundstimmung… ich rechne dir trotzdem hoch an, dass du noch dabei bist und mir hilfst. Ich geb mir echt grad Mühe, lese und teste jeden Hinweis sofort aus.

Etwas später… So, bin etwas weiter! *freu* overflow:auto veranlasst IE7 zum gewünschten Effekt. Opera (v9.10) spielt auch mit.

Nur IE6 will jetzt noch nicht, da sieht alles ganz schön verrutscht aus. Da gibt's das bekannte Hintergrund-Farben-Problem: Schrift wird gar nicht angezeigt, weil die Hintergrundfarbe sie verdeckt… das passiert durch mein eingefügtes br.clear. Wie ich soeben sehe, brauche ich durch das overflow:auto das br.clear gar nicht mehr. Gut, dann geht's auch in IE6 und das wäre behoben.

IE6 macht aber den ursprünglichen Fehler, wahrscheinlich weil overflow erst ab IE7 wirkt, wie hier beschrieben wird. Wähle ich zusätzlich noch den ebenfalls beschriebenen "Holly Hack" (height:1%), dann klappt's auch mit IE6.

Das Spalten-Problem ließe sich lösen, indem man die Spaltenbreite um 10px verkürzt, aber eben nur für IE6 (v5.5 betrifft das auch, wie ich grad sehe). Das musste ich leider mit einer separaten CSS-Datei und wie folgt lösen:

Code:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="de" lang="de">
	<head>
		<title>Website Title</title>
		<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
		<link rel="stylesheet" type="text/css" href="templates/main.css" />
		<!--[if IE 5]>
		<link rel="stylesheet" type="text/css" href="templates/ie56.css">
		<![endif]-->
		<!--[if IE 6]>
		<link rel="stylesheet" type="text/css" href="templates/ie56.css">
		<![endif]-->
Oder kennt dafür noch jemand 'nen anderen Trick?
__________________
change.
Mit Zitat antworten
  #18 (permalink)  
Alt 30.05.2008, 11:58
Benutzerbild von aboleo
OperaRueles!
XHTMLforum-Mitglied
 
Registriert seit: 23.04.2008
Ort: Erlangen
Beiträge: 146
aboleo befindet sich auf einem aufstrebenden Ast
Standard

Evtl. der Star-HTML-Hack.
__________________
Ad pedem litterae
Mit Zitat antworten
  #19 (permalink)  
Alt 30.05.2008, 12:16
Erfahrener Benutzer
XHTMLforum-Kenner
 
Registriert seit: 09.07.2004
Ort: Darmstadt
Beiträge: 1.121
cgdesign befindet sich auf einem aufstrebenden Ast
Standard

Du bindest ja für den IE6 und IE5 dasselbe CSS ein?
Mit Zitat antworten
  #20 (permalink)  
Alt 30.05.2008, 12:32
Neuer Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 17.08.2005
Beiträge: 16
droptix befindet sich auf einem aufstrebenden Ast
Standard

Mit dem Star-HTML-Hack kann ich aber nicht einschränken, dass IE7 darauf nicht mehr reagieren soll, richtig?

Zitat:
Zitat von cgdesign Beitrag anzeigen
Du bindest ja für den IE6 und IE5 dasselbe CSS ein?
Ja, der Bug ist gleichermaßen in IE5 und IE6. Es handelt sich nur um eine einzige Angabe, die ab IE7 nicht mehr nötig ist, weil die Spaltenbreiten der <div>'s dann richtig berechnet werden. ie56.css sieht so aus:

Code:
div.content.column
{
	width:320px;
}
Ich habe das jetzt so zusammen gefasst:

Code:
<!--[if lt IE 7]>
	<link rel="stylesheet" type="text/css" href="###TPL###/ie56.css">
<![endif]-->
__________________
change.

Geändert von droptix (30.05.2008 um 15:42 Uhr)
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 an


Ähnliche Themen
Thema Autor Forum Antworten Letzter Beitrag
Frage zu horizontalen Linien marvin1989 CSS 3 29.12.2009 23:35
Problem mit CSS Style flo007 CSS 3 25.01.2009 17:08
Float-Reihenfolge? wolf1985 CSS 0 21.08.2008 01:35
Float - Probleme wolf1985 CSS 5 19.08.2008 08:14
Mozilla zeigt DIV zu oft an cracki CSS 6 09.03.2008 15:22


Alle Zeitangaben in WEZ +2. Es ist jetzt 02:31 Uhr.