zurück zur Startseite
  


Zurück XHTMLforum > (X)HTML und CSS > Knowledge Base
Seite neu laden Firefox - clear:both - <br/> oder <div>

Antwort
 
LinkBack Themen-Optionen Ansicht
  #11 (permalink)  
Alt 24.09.2004, 12:56
Benutzerbild von hemfrie
Administrator
XHTMLforum-Kenner
 
Registriert seit: 18.12.2003
Ort: Düsseldorf
Beiträge: 2.777
hemfrie ist jedem bekannthemfrie ist jedem bekannthemfrie ist jedem bekannthemfrie ist jedem bekannthemfrie ist jedem bekannthemfrie ist jedem bekannt
Standard

ja, den Abstand im IE habe ich jetzt auch gerade gesehen. Der Abstand muss aber durch irgendwas anderes in Deinem CSS erzeugt werden.

Das Clear mit dem Div setze ich wie gesagt auch so in dieser Form ein und hatte damit auch beim IE noch keine Probleme.

Dieser Abstand hat genau 6px. 1px davon wird das Clear sein, also könnte der IE evtl. ein Problem mit dem CSS der div.box haben.

Wenn Du dort mal das
Code:
margin: 0 5px 5px 5px;
rausnimmst, siehst Du, dass der IE das Clear ordentlich mit 1px durchführt.


hemfrie
Mit Zitat antworten
Sponsored Links
  #12 (permalink)  
Alt 24.09.2004, 13:35
Erfahrener Benutzer
XHTMLforum-Kenner
Thread-Ersteller
 
Registriert seit: 02.06.2003
Beiträge: 2.441
ulle befindet sich auf einem aufstrebenden Ast
Standard

Yes, kann ich bestätigen.......geht auch mit 0px in der .clear-Class

Änderung
Code:
.clear { 
	clear: both;
	line-height: 0px;
	font-size: 0px;
	height: 0px;
}

div.box {
	margin: 0 5px 0 5px;
	border: 1px solid #000000;
	padding: 3px;
	color: #663300;
	background-color: #FFEECC;
	font-size: 0.8em;
}
So geht es nun im IE und im Mozilla.


Fazit

Der IE hat einen BUG mit margin-bottom und der .clear-CLASS im <div> -Tag

Der Mozilla hat einen BUG mit der .clear-CLASS im
-Tag


========================

Macht es ja nicht besser, hat niemand ein Lösung für den
-Tag im Mozilla
__________________
</ulle>
Mit Zitat antworten
Sponsored Links
  #13 (permalink)  
Alt 24.09.2004, 13:49
Benutzerbild von hemfrie
Administrator
XHTMLforum-Kenner
 
Registriert seit: 18.12.2003
Ort: Düsseldorf
Beiträge: 2.777
hemfrie ist jedem bekannthemfrie ist jedem bekannthemfrie ist jedem bekannthemfrie ist jedem bekannthemfrie ist jedem bekannthemfrie ist jedem bekannt
Standard

Zitat:
Zitat von ulle
geht auch mit 0px in der .clear-Class
stimmt keine Ahnung wie ich zu der Überzeugung gekommen bin, dass es mit 0px nicht geht.

Komischerweise geht die clear-class jetzt auch beim Firefox mit dem



hemfrie
Mit Zitat antworten
  #14 (permalink)  
Alt 24.09.2004, 14:17
Erfahrener Benutzer
XHTMLforum-Kenner
Thread-Ersteller
 
Registriert seit: 02.06.2003
Beiträge: 2.441
ulle befindet sich auf einem aufstrebenden Ast
Standard

Zitat:
Komischerweise geht die clear-class jetzt auch beim Firefox mit dem
Solange der gefloatet Container höher ist, nicht so falls er niedriger ist.
Ich hoffe so meintest Du es........mach mich jetzt nicht schwach
__________________
</ulle>
Mit Zitat antworten
  #15 (permalink)  
Alt 24.09.2004, 14:26
Benutzerbild von hemfrie
Administrator
XHTMLforum-Kenner
 
Registriert seit: 18.12.2003
Ort: Düsseldorf
Beiträge: 2.777
hemfrie ist jedem bekannthemfrie ist jedem bekannthemfrie ist jedem bekannthemfrie ist jedem bekannthemfrie ist jedem bekannthemfrie ist jedem bekannt
Standard

Zitat:
Zitat von ulle
Solange der gefloatet Container höher ist, nicht so falls er niedriger ist.
Ich hoffe so meintest Du es........mach mich jetzt nicht schwach
stimmt, Du hast Recht.
Mit Zitat antworten
  #16 (permalink)  
Alt 26.09.2004, 00:01
Erfahrener Benutzer
XHTMLforum-Kenner
Thread-Ersteller
 
Registriert seit: 02.06.2003
Beiträge: 2.441
ulle befindet sich auf einem aufstrebenden Ast
Standard

Zitat:
Zitat von hemfri
Wenn Du dort mal das Code:
margin: 0 5px 5px 5px;
rausnimmst, siehst Du, dass der IE das Clear ordentlich mit 1px durchführt.
Das Problem mit der margin-bottom-Eigenschaft für IE und Opera habe ich mit einer weiteren Class gelöst
Code:
/* bereinigt margin-bottom Wert IE sowie margin-top bei Mozilla */

.zero { 
	overflow: hidden;
	margin: 0;
	padding: 0;
	line-height: 0;
	font-size: 0;
	height: 0;
}
Diese habe ich entsprechend direkt vor der clear-Class eingebaut

Code:
	<div class="zero"></div> 
	 
	
	<div class="clear"></div>

ps. bereinigt auch noch andere margin-top-Eigenschaften die bei Mozilla auftreten, z.b h1, h2, h3, p ....
__________________
</ulle>
Mit Zitat antworten
  #17 (permalink)  
Alt 26.09.2004, 00:43
Benutzerbild von hemfrie
Administrator
XHTMLforum-Kenner
 
Registriert seit: 18.12.2003
Ort: Düsseldorf
Beiträge: 2.777
hemfrie ist jedem bekannthemfrie ist jedem bekannthemfrie ist jedem bekannthemfrie ist jedem bekannthemfrie ist jedem bekannthemfrie ist jedem bekannt
Standard

Interessante Lösung

Da diese Lösung für viele interessant sein könnte, verschiebe ich den Beitrag mal ins Knowledge Base Forum.


hemfrie
Mit Zitat antworten
  #18 (permalink)  
Alt 31.05.2005, 14:08
Neuer Benutzer
neuer user
 
Registriert seit: 31.05.2005
Beiträge: 4
dasfliege befindet sich auf einem aufstrebenden Ast
Standard Zeile 1 px hoch

Hello

Ich verzweifle langsam beim versuch in Firefox eine 1px hohe Zeile zu erstellen! Im IE funktioniert das bestens. Sogar wenn ich einfach eine leere Zeile mache (<tr><td></td></tr>) zeigt er sie mir als 1px an.
Im Firefox sind es etwa 5px.

Mit "<tr height='1'>", "<tr style='height:1px'>", oder das gleiche im <td> tag, bewegt sich im Firefox nur ab 5px etwas. Unter 5, will er sich nicht zwingen lassen!

Was zum teufel haben die Mozillas nur für einen Scheiss gebaut????

Man kann das ganze auch anschauen auf: www.dangerousblunts.ch
- Resultate
- Beim oberen auf "more" klicken
- Unter "kommentare" ist eine 5px breite dunkelblaue linien zwischen titel und text, welche im IE als 1px angezeigt werden...
__________________
...eine Lösung hatte ich... ...aber die passte nicht zum Problem!
Mit Zitat antworten
  #19 (permalink)  
Alt 31.05.2005, 14:29
Erfahrener Benutzer
XHTMLforum-Kenner
Thread-Ersteller
 
Registriert seit: 02.06.2003
Beiträge: 2.441
ulle befindet sich auf einem aufstrebenden Ast
Standard

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> 
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" /> 
<title>xxxx</title>
 
<style type="text/css" media="screen,projection" title="Druckvorschau-semantic-Test">
/*<![CDATA[*/ 

*			{
			margin:  0;
			padding: 0;
			
			/* Tabellen
			 */
			border-collapse:collapse;
			border-spacing: 0;
			}

html,
body		{
			color:		#000000;
			background:	#FFFFFF;
			
			/* line-height ohne Einheit - sonst Vererbung
			 */
			line-height: 1.45;
			}
			
table,
td			{
			width: 100%;
			}
			
td			{
			height: 1px;
			line-height: 1px;
			
			background-color: #FF0000;
			}

/*]]>*/ 
</style> 

</head> 
<body> 



Dies ist zwar Unfug, aber es ist auch im Firefox 1 Pixel hoch</p>

<table>
<tr>
	<td></td>
</tr>
</table>


</body> 
</html>
__________________
</ulle>
Mit Zitat antworten
Sponsored Links
  #20 (permalink)  
Alt 31.05.2005, 14:43
Erfahrener Benutzer
XHTMLforum-Mitglied
 
Registriert seit: 18.01.2005
Beiträge: 696
wahsaga befindet sich auf einem aufstrebenden Ast
Standard Re: Zeile 1 px hoch

Zitat:
Zitat von dasfliege
Was zum teufel haben die Mozillas nur für einen Scheiss gebaut????
was für einen sch*** hast du da nur gebaut?
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
Synchroner XMLHttpRequest und Firefox reagiert nicht mehr kristian Javascript & Ajax 3 05.08.2008 17:10
Probleme mit clear:both im Firefox 2 mannimedia CSS 6 29.11.2006 12:32
<div> 100% auch im Firefox und Co. cssler CSS 9 06.01.2006 13:31
Firefox 1.5 Beta 1 Pablo Offtopic 19 13.09.2005 19:56
<p> tag in <div> zerstört layout in firefox :( ichwaergern CSS 2 29.11.2004 14:23


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