zurück zur Startseite
  


Zurück XHTMLforum > (X)HTML und CSS > CSS
Seite neu laden Firefox 1 und 2 floaten nicht korrekt

Antwort
 
LinkBack Themen-Optionen Ansicht
  #1 (permalink)  
Alt 15.01.2010, 15:30
Benutzerbild von Cocoon
position: relative;
XHTMLforum-Mitglied
Thread-Ersteller
 
Registriert seit: 12.06.2009
Ort: Berlin
Beiträge: 156
Cocoon wird schon bald berühmt werden
Standard Firefox 1 und 2 floaten nicht korrekt

Hallo.

Ich habe ein Problem welches in den Firefox Versionen bis 2 auftritt, im Firefox 3.5 ist alles in Ordnung.

Ich habe eine linksbündige Liste, ein dort befindliches strong floatet nach rechts. Im aktuellen Firefox ist alles in Ordnung, in älteren Versionen rutscht das strong Element plötzlich nach unten, was natürlich nicht passieren soll.

Ich habe ein Testcase gebaut um das Problem zu zeigen:

HTML-Code:
<!DOCTYPE html>
<html>
<head>
<title>Testcase</title>
<meta charset="iso-8859-1">
<style>

* {
margin: 0;
padding: 0;
}

html {
overflow-y: scroll;
}

body {
font-family: Arial, sans-serif;
font-size: 1em;
color: #333;
background: #eee;
}

#doc {
width: 600px;
height: 500px;
margin: 0 auto;
background: #fff;
}

ul {
list-style: none;
width: 500px;
margin: 0 auto;
padding: 50px 0 0 0;
}

ul li {
clear: right;
margin: 0 0 10px 0;
padding: 10px;
border: 1px solid #ccc;
background: #eee;
}

ul li strong {
float: right;
}

ul li:hover {
cursor: pointer;
background: #ffb;
}

</style>
</head>

<body>
<div id="doc">

<ul>
<li>Eintrag Nr. 1 der Liste: <strong>Floatende Option........</strong></li>
<li>Eintrag Nr. 2 der Liste: <strong>Floatende Option.......</strong></li>
<li>Eintrag Nr. 3 der Liste: <strong>Floatende Option......</strong></li>
<li>Eintrag Nr. 4 der Liste: <strong>Floatende Option.....</strong></li>
<li>Eintrag Nr. 5 der Liste: <strong>Floatende Option....</strong></li>
<li>Eintrag Nr. 6 der Liste: <strong>Floatende Option...</strong></li>
<li>Eintrag Nr. 7 der Liste: <strong>Floatende Option..</strong></li>
<li>Eintrag Nr. 8 der Liste: <strong>Floatende Option.</strong></li>
</ul>

</div>
</body>
</html>
Kann mir jemand sagen was ich hier falsch gemacht habe?
Mit Zitat antworten
Sponsored Links
  #2 (permalink)  
Alt 15.01.2010, 15:57
EvT EvT ist offline
Erfahrener Benutzer
XHTMLforum-Kenner
 
Registriert seit: 11.09.2006
Ort: Bad Wildungen
Beiträge: 2.220
EvT ist jedem bekanntEvT ist jedem bekanntEvT ist jedem bekanntEvT ist jedem bekanntEvT ist jedem bekanntEvT ist jedem bekannt
Standard

Anders herum. Gib das <strong> dem ersten Teil der Zeile ("Eintrag Nr. ...") und setz es auf float:left. Der zweite Teil "Floatende Option ..." wird über text-align:right für li rechtsbündig ausgerichtet.
Mit Zitat antworten
Sponsored Links
  #3 (permalink)  
Alt 15.01.2010, 16:04
Benutzerbild von Cocoon
position: relative;
XHTMLforum-Mitglied
Thread-Ersteller
 
Registriert seit: 12.06.2009
Ort: Berlin
Beiträge: 156
Cocoon wird schon bald berühmt werden
Standard

Zitat:
Zitat von EvT Beitrag anzeigen
Anders herum. Gib das <strong> dem ersten Teil der Zeile ("Eintrag Nr. ...") und setz es auf float:left. Der zweite Teil "Floatende Option ..." wird über text-align:right für li rechtsbündig ausgerichtet.
Super! Vielen Dank!

Sollte ich das immer so machen? Welche ist die "Standard"variante?
Mit Zitat antworten
  #4 (permalink)  
Alt 15.01.2010, 18:32
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

Zitat:
Zitat von Cocoon Beitrag anzeigen
Welche ist die "Standard"variante?
So wie Du es jetzt hast: erst der Float (d.h. im HTML-Code).
__________________
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 16.01.2010, 00:11
Benutzerbild von Cocoon
position: relative;
XHTMLforum-Mitglied
Thread-Ersteller
 
Registriert seit: 12.06.2009
Ort: Berlin
Beiträge: 156
Cocoon wird schon bald berühmt werden
Standard

Zitat:
Zitat von heiko_rs Beitrag anzeigen
So wie Du es jetzt hast: erst der Float (d.h. im HTML-Code).
Alles klar, dann werde ich diese Variante immer verwenden. Danke!
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
IE und Firefox - CSS nicht korrekt wolf1985 CSS 5 29.04.2008 13:07
Firefox stellts korrekt dar, IE nicht Phil CSS 3 25.02.2006 19:01
ungewollter Abstand beim firefox (IE korrekt) bill CSS 3 20.02.2006 17:11
UL entlang von Grafiken floaten - Problem mit Firefox chrissi CSS 7 11.07.2005 23:52
Rahmen / Inhalt im IE verschoben, Firefox korrekt... schelm CSS 4 27.02.2005 19:24


Alle Zeitangaben in WEZ +2. Es ist jetzt 16:03 Uhr.