Supportnet / Forum / Webseiten/HTML
CSS größenangaben Unterschied in IE/FF
Frage
Hallo,
ich versuche drei div nebeneinander zu positionieren. Das nebeneinander ist auch nicht das Problem....sondern die größenangaben. Bei FF sind bspweise 50px was anderes als beim IE
Ich habs mit em, px, mm, pt probiert...immer das selbe ergebnis...unterschiedlich...
Ich hab auch probiert das ganze mit
[code]
<!--[if IE 5]>
<![endif]-->
[/code]
zu machen, auch mit lt, lte, gt, gte es hat einfach nichts gebracht.
Ich bekomm es einfach nicht hin das die div im IE und FF gleich positioniert sind. Nun hoffe ich hier auf jemanden der eine Lösung hat.
Das wäre ja mal ein Licht am ende dieses langen dunklen Tunnels.
Vielen dank fürs lesen.
J32
Hier noch der Code
[code]
#box1 {
position:absolute; left:0px; top:140px;
margin:0em auto;
padding:0;
width:215px;
height:362px;
float:left;
border:1px solid white;
background-color:#C2C2C2;
}
#box2 {
position:absolute; left:223px; top:140px;
margin:0em auto;
padding:0;
width:350px;
height:362px;
float:left;
border:1px solid white;
background-color:#C2C2C2;
}
#box3 {
position:absolute; left:542px; top:140px;
margin:0em auto;
padding:0;
width:215px;
height:362px;
float:left;
border:1px solid white;
background-color:#C2C2C2;
}
[/code]
Antwort 1 von Supermax
Hat deine HTML-Seite auch eine gültige DOCTYPE-Angabe? Mit gültigem DOCTYPE verschwinden schon viele der browserspezifischen Unterschiede, jedenfalls bei den aktuellen Generationen der gängigen Browser.
Bei padding sollte auf jeden Fall auch "px" (oder eine andere Einheitenangabe) stehen, die Angabe ohne Einheit ist nur im "Quirksmodus" erlaubt - im standard-konformen Modus werden solche Angaben zumindest vom FF ignoriert.
Bei padding sollte auf jeden Fall auch "px" (oder eine andere Einheitenangabe) stehen, die Angabe ohne Einheit ist nur im "Quirksmodus" erlaubt - im standard-konformen Modus werden solche Angaben zumindest vom FF ignoriert.
Antwort 2 von rfb
evtl. schickst du die Browser in den Quirksmodus (klingt komisch, ist auch so, nämlich ein "ich-rate-mal-was-der Seitenautor-meinen-könnte"-Modus), was das bewirkt kannsu du hier nachlesen: http://www.carsten-protsch.de/zwischennetz/doctype/
Antwort 3 von J32
Nein leider ist das nicht die Lösung. Sorry mein fehler...habs nicht gesagt
Ich benutze selbstverständlich eine doctype angabe
das padding px ist ok aber löst das Problem nicht.
trotzdem danke Leutz
Jarod
Ich benutze selbstverständlich eine doctype angabe
das padding px ist ok aber löst das Problem nicht.
trotzdem danke Leutz
Jarod
Antwort 4 von Supermax
Vielleicht postest du mal einen Link zu der Seite, damit man(n) sich ein besseres Bild machen kann?
Antwort 5 von rfb
Zitat:
Nein leider ist das nicht die Lösung.
was genau ist nicht die Lösung?Nein leider ist das nicht die Lösung.
In welchem Modus sind denn deine Seiten? Hast du das mal (per JavaScript) überprüft oder in die Liste geschaut: http://hsivonen.iki.fi/doctype/?
Antwort 6 von J32
...ich habs doch noch selbst gelöst...aus irgendeinem Grund funktioniert es so wie ich möchte wenn ich bei margin das auto wegnehme...
Danke trotzdem Leutz
J32
Danke trotzdem Leutz
J32
Antwort 7 von rfb
Zitat:
ich habs doch noch selbst gelöst
tja, die Drohung "Zeig uns den Quellcode!" wirkt manchmal irgendwie graue-Zellen-stimulierend.ich habs doch noch selbst gelöst
Antwort 8 von J32
...ich bin hier schon im Kreis gehüpft weil ich es nicht gefunden hab...hab dann einfach alles unnötige (vom rumprobieren) nochmal rausgeschmissen und dann alles durchgetestet...dann bin ich wieder im Kreis gehüpft...diesmal vor Freude ;)
...so jetzt 2 Uhr nachts hier in Korea...zeit für ne schlafpause :D
J32
...so jetzt 2 Uhr nachts hier in Korea...zeit für ne schlafpause :D
J32