CSS - Fehler bei Float im IE

[shf10105]

Hi Leute,

Auf meiner Website habe ich ein Problem bei der Darstellung im IE.
Es geht um float - so wie es aussieht.
Hier :
http://hassmann.as-accudo.de/design-div/page.html
http://hassmann.as-accudo.de/design-div/info.html
http://hassmann.as-accudo.de/design-div/start.html

Danke schon mal im vorraus.

 

[planet4]

hallo,

ich nehme mal an, es geht nicht um float, sondern um das hier:

#page

{

	min-width:900px;

	max-width:1050px;

}

so viel ich weiß, interpretiert IE 6 das nicht.

Es wäre übrigens schön, wenn du ein paar mehr Angaben zu den auftretenden Fehlern und der Browserversion,
in der sie auftreten machen würdest.

Ich kann nur spekulieren, dass du den IE6 meinst und das oben zerrissene Design.

übrigens solltest du überlegen, ob diese Angabe von Mindestgröße überhaupt Sinn macht...
ich kann dir zu diesem Thema nur die Lektüre dieses Artikels hier empfehlen

planet4.

 

[shf10105]

Also die Annahme ist falsch.
Ich rede von den Abständen zwischen den gefloateten Bereichen und dem Hauptdivs.
Das ist aber nur im IE ( bei mir Version 5 ).

Ich hoffe ihr versteht, was ich meine.

 

[shf10105]

Hallo nochmal.
Ich habe jetzt gelesen, dass dies ein IE-Bug ist.
Wisst ihr, wie man diesen umgehen kann?

 

[planet4]

Guten Morgen,

welchen der IE-Bugs meinst du?

Dein Quelltext ist so unübersichtlich und verschachtelt, vielleicht liegt es daran, dass sich niemand so richtig damit beschäftigen möchte
Warum hast du z.B. diese Tabelle da drin? Nur wegen der Schatten-Bilder?
Wenn man so einen Fehler sucht, ist es manchmal hilfreich, die Ränder der divs sichtbar zu machen,
damit man genauer feststellen kann, welche Container nicht richtig angezeigt werden.

Der Fehler (falls es der ist, den du meinst) tritt übrigens nicht nur im IE5 auf, anbei ein Screenshot vom
IE6.02

Gruß
planet4

 

[shf10105]

Also es geht um den IE Bug des IE der bei 2 divs, wobei eines davon gefloatet ist, einen Abstand dazwischen setzt. Bei den Geckos sehe ich diesen Fehler nicht.

Codeausschnitt :

<div id='header_right2'></div>
<div id='header_right'></div>
<div id='header_top'><h2 class='invisible'>Praxis D.Harzem</h2></div>

mit CSS :

#header_top
{
	height:40px;
	border-top:1px solid #888888;
	border-left:1px solid #888888;
	margin-right:206px;
	background-color:#cad3d4;
}
#header_right
{
	float:right;
	width:40px;
	height:40px;
	vertical-align:top;
	border-bottom:1px solid #cad3d4;
	background-image:url(./images/cross.jpg);
	background-repeat:no-repeat;
}
#header_right2
{
	height:40px;
	float:right;
	width:160px;
	border-bottom:1px solid #888888;
	margin-right:6px;
}

Den anderen Fehler habe ich bereits selber gelöst. ( im content Area habe ich schon gelöst ).

Das mit der Tabelle hätte ich gerne anders gelöst, wusste aber nicht wie.

 

[shf10105]

Kann mir denn keiner helfen?