✔ Container nicht zentriert im IE

[Maik]

Frag mich nicht, warum IE7 hier mit den margin-Regeln nicht zurechtkommt, aber ich hab mir grundsätzlich angewöhnt, bei absoluter Positionierung die dazugehörigen Positionsangaben zu nutzen. Damit bin ich in der Vergangenheit browserübergreifend immer gut gefahren ;-)

Wie ich getestet habe? Ganz einfach: den Quellcode (HTML + CSS) in einer meiner VMs (Virtual Machine = Virtueller PC) lokal gespeichert, die den IE7 enthält (für IE8 hab ich eine weitere VM), und besagte Änderungen im Stylesheet vorgenommen

mfg Maik

 

[mita1982]

ne VM hätte ich auch gerne auf meinen Laptop geht das nicht weil der CPU kein VM unterstützt.

Danke für all deine Hilfe..

kannst du dir mal das Boxmeodell was ich verlkinkt habe anschauen und mir sagen ob ich überall innerhalb des #main position relative, und float:left machen muss/sollte?

Außerdem Du hast ja behaputet es geht auch ohne absolute positionierung der Flaggen wie soll das gehen?

 

[Maik]

Sorry, in deinem nicht übersichtlich formatierten HTML-Code ist mir heute Mittag nicht aufgefallen, dass in #header einzelne <img>-Elemente eingebunden sind, die dynamisch gewechselt werden. War im Glauben, da wäre ein Hintergrundbild enthalten.

Somit hat sich meine Aussage gerade eben auch in Luft aufgelöst

Wozu du eine float-Regel für die Blöcke #top, #center, #Seite, #content, #header, #divNavi vorsiehst, kann ich nicht nachvollziehen, denn keines von ihnen kann / wird bedingt durch ihre Breitenangaben vom nachfolgenden Element umflossen.

Übrigens hat ein Conditional Comment innerhalb eines Stylesheets nichts verloren, und bleibt daher dort auch wirkungslos:

<!--
[if lte IE 6]>#extraImage {
	bottom: 0px;
	right: 0px;
	z-index: -100;
	height: 1xp;
	width: 1xp;
}
<!
[
endif
]

Stattdessen wird er im Anschluß des Stylesheets angegeben (siehe http://de.selfhtml.org/css/layouts/browserweichen.htm#alternative), und auch ohne diese Zeilenumbrüche, dafür aber mit korrekter Syntax - also:

<!--[if lte IE 6]>
 ... 
<![endif]-->

mfg Maik

 

[mita1982]

Du hast es ja echt drauf..
*neidischihbin*

bei mir ist generell das Problem wann ich die position bzw. float ansetzen soll.. und wie ich generel das positionieren der Divs berwerkstelligen soll.. also mit padding oder mit margin zu arbeiten.

Schade, dass es da nicht eine Art styleguide oder Vorlage gibt. Wann setze ich klassen ein wann ids.. das sind meine generelle Probleme.

Zu den oben erwähnten divs: wir haben in der Schule mal einen Webshop programmiert und da haben wir nebeneinanderliegende Divs gehabt. dan haben wir float :left genommen haben abber bei jedem div position:relative und float:left angewendet.. Daher vieleicht. Kannst Du wenigstens das Modell nachvollzeihen warum ich soviele Divs verwenden musste? Oder kann man das auch ein wenig einfacher gestalten?

Apropos im Quirksmodus ist hat nur der Div #top einen Abstand zu Center mit welchen Bug ist das zu erklären?

 

[Maik]

Im "Quirks Mode" folgt die IE-Familie nicht den CSS-Spezifikationen, und interpretiert u.a. das Box-Modell nicht.

mfg Maik

 

[mita1982]

Wozu du eine float-Regel für die Blöcke #top, #center, #Seite, #content, #header, #divNavi vorsiehst, kann ich nicht nachvollziehen, denn keines von ihnen kann / wird bedingt durch ihre Breitenangaben vom nachfolgenden Element umflossen.


mfg Maik

Wenn ich das nicht drinn habe, leigt der Content frei im Raum und hat keine hintergund mehr.. und der Weise Rahmen ist um Header und Navi drumm..

Im firefox:

 

[Maik]

Wenn du besagte float-Regeln entfernst, dann müssen alle entfernt werden, so auch diese:

.trans_box2[class] {
	float: left;
	width: 680px;
	margin: 10px
}

Layout ohne die angesprochenen float-Deklarationen:



Ansonsten folgt der Problemfall CSS Warum passt sich die Boxenhöhe nicht dem Inhalt an?

mfg Maik

 

[mita1982]

Kannst Du nachvollziehen warum ich die divs so angeordnet habe?

Also würdest Du es auch so machen?

 

[Maik]

Kennst du dieses Sprichwort?

Es führen viele Wege nach Rom.

Aber bitte mich jetzt nicht darum, dein Konzept auf meine persönliche Vorgehensweise umzusetzen. Danke!

Dein Konzept funktioniert, also sollten wir es jetzt dabei belassen, und hier zu einem Ende kommen.

mfg Maik

 

[mita1982]

Nein natürlich nicht.. es ist ja kein einfacher dreispalter..

Aber Hast du vieleicht ein Link wo deine Vorgehnsweise erkärt wird?

hiermit kann das Thema wirklih bendet werden..