Firefox - clear:both - <br/> oder <div> - Seite 2

hemfrie · #11 (**permalink**) 24.09.2004, 11:56

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

ulle · #12 (**permalink**) 24.09.2004, 12:35

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

hemfrie · #13 (**permalink**) 24.09.2004, 12:49

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

ulle · #14 (**permalink**) 24.09.2004, 13:17

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

hemfrie · #15 (**permalink**) 24.09.2004, 13:26

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.

ulle · #16 (**permalink**) 25.09.2004, 23:01

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 ....

hemfrie · #17 (**permalink**) 25.09.2004, 23:43

Interessante Lösung

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

hemfrie

dasfliege · #18 (**permalink**) 31.05.2005, 13:08

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...

ulle · #19 (**permalink**) 31.05.2005, 13:29

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>

wahsaga · #20 (**permalink**) 31.05.2005, 13:43

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?

Themen-Optionen
Druckbare Version zeigen Jemanden per E-Mail auf dieses Thema hinweisen
Ansicht
Linear-Darstellung Zur Hybrid-Darstellung wechseln Zur Baum-Darstellung wechseln

Ähnliche Themen
Thema	Autor	Forum	Antworten	Letzter Beitrag
Synchroner XMLHttpRequest und Firefox reagiert nicht mehr	kristian	Javascript & Ajax	3	05.08.2008 16:10
Probleme mit clear:both im Firefox 2	mannimedia	CSS	6	29.11.2006 11:32
<div> 100% auch im Firefox und Co.	cssler	CSS	9	06.01.2006 12:31
Firefox 1.5 Beta 1	Pablo	Offtopic	19	13.09.2005 18:56
<p> tag in <div> zerstört layout in firefox :(	ichwaergern	CSS	2	29.11.2004 13:23