zurück zur Startseite
  


Zurück XHTMLforum > (X)HTML und CSS > CSS
Seite neu laden div Float im IE6 OK in FF2 keine chance

Antwort
 
LinkBack Themen-Optionen Ansicht
  #1 (permalink)  
Alt 16.11.2007, 17:45
Neuer Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 16.11.2007
Beiträge: 2
havarin befindet sich auf einem aufstrebenden Ast
Standard div Float im IE6 OK in FF2 keine chance

Liebe Leute,
ich kopfe hier schon lange rum und werd nicht schlau.
Im Internet Explorer funktioniert das auch einwandfrei aber im Firefox bleiben die Boxen unten hängen.

Ich habe auf der linken Seite Grüne Kurze Boxen und zwischendrinnen Gelbe lange und auf der rechten Seite sollten dann oben die roten Boxen zu sehen sein, doch diese bleiben unten hängen.

Was mach ich falsch?

Code:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Unbenanntes Dokument</title>
<style type="text/css">
<!--
.links {
	float:left;
	clear:left;
	background: #0f0;
	border: 1px solid #999900;
	width: 200px; 
	height:40px;
	margin: 5px;
}

.long {
    float:left;
	clear:both;
	background: #ff0;
	border: 1px solid #999900;
	width: 450px;
	height: 80px;
	margin: 5px;
}

.rechts {
	float: left;
	background: #f00;
	border: 1px solid #993300;
	width: 200px; 
	height:40px;
	margin: 5px;
	clear: none;
}

.maincontent {
	display:inline-block;
	width:500px;
	border:#0FF solid 2px;
}

.doclear:after{
	content: "asd";
	display:block;
	height:0px;
	clear:both;
	visibility:hidden;
}
-->
</style>
</head>

<body>

<div class="maincontent">

<div class="links">1 Raum für den Inhalt des neuen Div-Tags</div>
<div class="links">2 Raum für den Inhalt des neuen Div-Tags</div>
<div class="long">1 Raum für den Inhalt des neuen Div-Tags</div>
<div class="links">3 Raum für den Inhalt des neuen Div-Tags</div>

<div class="rechts">1 Raum für den Inhalt des neuen Div-Tags</div>
<div class="rechts">2 Raum für den Inhalt des neuen Div-Tags</div>
<div class="rechts">3 Raum für den Inhalt des neuen Div-Tags</div>


<div class="doclear"></div>

</div>

</body>
</html>
Mit Zitat antworten
Sponsored Links
  #2 (permalink)  
Alt 16.11.2007, 18:06
Erfahrener Benutzer
XHTMLforum-Kenner
 
Registriert seit: 25.03.2004
Beiträge: 1.838
RoToRa wird schon bald berühmt werden
Standard

Grundregel: Wenn IE und Firefox was unterschiedlich machen, dann hat der Firefox recht.

Ordne die Elemente im Quellcode mal in der Reihenfolge an, wie sie zu sehen sein sollen (von links nach rechts und von oben nach unten).

Robin
__________________
CSS-Rauch! Nicht einatmen!
Mit Zitat antworten
Sponsored Links
  #3 (permalink)  
Alt 19.11.2007, 09:54
Neuer Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 16.11.2007
Beiträge: 2
havarin befindet sich auf einem aufstrebenden Ast
Standard

Danke für deine Antwort.
Der Grund wieso ich zuerst alles aus der linken Spalte und dann alles aus der rechten Spalte möchte ist, dass ich mir die Daten aus der DB hole. Mal zuerst alles Links unn dann alles Rechts.
Sollte ich dich recht verstehen, dann geht das gar nicht?
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
Header entfernen tripple CSS 17 15.06.2010 16:41
div mit float left bleibt an höherem div hängen. bine2712 CSS 3 07.04.2010 00:48
Linkverhalten im IE6 ChOpSueY! CSS 19 19.05.2008 23:48
IE zeigt gewisse Texte nicht an zitronenbaum CSS 2 16.01.2008 16:25
Zeilenumbruch bei horizontal nebeneinanderliegenden divs GrafZahl Knowledge Base 10 16.07.2004 17:13


Alle Zeitangaben in WEZ +2. Es ist jetzt 22:18 Uhr.