Box Model Problem ohne Box

[torboe]

Hi!

bin gerade an dieser seite dran:

Doch habe jetzt das Problem, dass die Wörter (Home, Info, ...) im IE, Opera und Mozilla unterschiedlich dargestellt werden. Mozilla setzt alles paar Pixel weiter runter wie der IE und Opera. Nachdem ich mich mal schlau gemacht habe, bin ich auf das "Box Model Problem des IE5.x/IE6" gestoßen. Was ja der Opera dummerweise mitübernommen hat .

Auf jeden Fall schätze ich sehr stark dass es daran liegt.
Hab auch schon verschiedene Doctypes durchprobiert, doch daran hats nicht gelegen. Also IE bringt mir den Fehler auch im Standartmodus.

Bin jetzt mitunter auf folgende Seite gestoßen:
http://www.fabrice-pascal.de/artikel/ie5boxmodel/


Von da habe ich versucht den Tantek Hack anzuwenden, doch irgendwie klappte es nicht. Und ich weiß nicht wie ich das Beispiel, das sich auf ne Box bezieht, auf meine Seite anwenden soll .
Wahrscheinlich hab ich grad nur ne Blockade, .... komm grad net weiter.


Vielen Dank schonmal im voraus .

[torboe]

habs jetzt mal so probiert:

<style type="text/css">
#text1 {
font-family:Arial;
font-weight:bold;
position:absolute;
top:145px; left:160px;
font-size:15px;
voice-family: "\"}\"";
voice-family:inherit;
}

html>body #text1 {
width: 50px; }
</style>
...
<div id="text1">
<p>Home</p>
</div>

was aber angesichts der unmengen von code net so das optimale ist. Da ich für jedes Wort was anders positioniert wird, so nen block erstellen muss .

[Spongebob]

Ohne Box kanns damit auch kein Problem geben.

Wieso positionierst du jedes Element absolut?

Geb deinem Body/HTML mal "margin: 0;" und "padding: 0;" mit.

[torboe]

Zitat von Spongebob

Ohne Box kanns damit auch kein Problem geben.

Wieso positionierst du jedes Element absolut?

Geb deinem Body/HTML mal "margin: 0;" und "padding: 0;" mit.

hmmm danke schwammkopf! da war ich wohl etwas voreilig, dachte wirklich es handelt sich um den BoxModelBug, da bei mir die gleichen Symptome auftraten .

Aber wieso sollte ich die Elemente nicht 'absolute' positionieren ?
Ich finde 'relative' Positionierung eher umständlicher da ich da die Position von der Ursprungsposition ja angeben muss.

[designfanatiker]

Zitat von torboe

Aber wieso sollte ich die Elemente nicht 'absolute' positionieren ? Ich finde 'relative' Positionierung eher umständlicher da ich da die Position von der Ursprungsposition ja angeben muss.

Wieso lässt du die Elemente nicht einfach an ihrer Ursprungsposition und erzeugst mit margin und padding augenfreundliche Abstände?

[torboe]

Zitat von DukeXP

Wieso lässt du die Elemente nicht einfach an ihrer Ursprungsposition und erzeugst mit margin und padding augenfreundliche Abstände.

inwiefern augenfreundlich
hmm du meinst schon die text-elemente ?

[designfanatiker]

Du brauchst weder absolute noch relative Positionierung, um das gewünschte Ergebnis zu erzielen. Die Elemente befinden sich standardmäßig im Textfluss und können beispielsweise floatend nebeneinander platziert werden. Dann ist es auch kein Problem mehr, die Navigationsliste korrekt als ungeordnete Liste auszuzeichnen.

<ul>
<li>Home</li>
<li>Info</li>
<li>Shop</li> 
<li>Kontakt</li>
<li>Impressum</li>
</ul>

[torboe]

Zitat von DukeXP

Du brauchst weder absolute noch relative Positionierung, um das gewünschte Ergebnis zu erzielen. Die Elemente befinden sich standardmäßig im Textfluss und können beispielsweise floatend nebeneinander platziert werden. Dann ist es auch kein Problem mehr, die Navigationsliste korrekt als ungeordnete Liste auszuzeichnen.

<ul>
<li>Home</li>
<li>Info</li>
<li>Shop</li> 
<li>Kontakt</li>
<li>Impressum</li>
</ul>

axo... das ich bspw. nur den ganzen <ul> in ne position bringe und die anderen elemente dann mit float danben setze.

oder noch besser: statt <ul>, <div>!

Vielen Dank! Werds mal ausprobieren.

[Spongebob]

Da es eine Navigation ist solltest du eine Liste nehmen.