Frage zu CSS @ IE

Seite 1 von 2 - Forum: Coding Stuff auf overclockers.at

URL: https://www.overclockers.at/coding-stuff/frage_zu_css_ie_150844/page_1 - zur Vollversion wechseln!

DJ_Cyberdance schrieb am 12.10.2005 um 14:23

Aaaaaaaarghhhh ich könnt stundenlang über den Sch... IE fluchen, hab DIVs mit Rahmen gebastelt, die überall gleich aussehen - nur im IE natürlich nicht. Leider sollts genau da auch funktionieren *ärger*.

<div style='
position:absolute;
overflow: hidden;
top: 20px;
left: 20px;
width: 100px;
height: 50px;
border-style: solid;
border-width: 5px;
...'>

Das macht ein wundervolles Kästchen mit einem 5px-breiten Rand. Dieses Kästchen soll also 50px hoch sein. Alle Browser machen das so, nur der IE macht das Kästchen 60px hoch (und entspreched zu breit), weil der IE offenbar zur Höhenangabe noch den Rand dazuaddiert, also 50px + 2 * 5 px = 60px.

Das nervt tierisch!!! Hat jemand einen Plan, wie man das halbwegs gleich hoch machen kann? Bitte nicht mit Javascript und if IE then mach anders...

Edit: Vielleicht machts aber Sinn, in künfitgen Projekten wirklich zwei CSS-Files zu schreiben - eins für Webbrowser und eins für den IE...

kleinerChemiker schrieb am 12.10.2005 um 14:35

spontan kam mir eine idee. hat zwar wenig mit css zu, könnte aber hinhaun. du machst um dein div noch ein div. das äußere div hat die fixe größe, das innere div bekommt den ramen und 100% größe.

Spikx schrieb am 12.10.2005 um 14:41

Liegt vermutlich an der DTD. Nimm mal

Code: PHP

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">

und schreib die Tags xhtml konform.

DJ_Cyberdance schrieb am 12.10.2005 um 14:42

Zitat von kleinerChemiker
spontan kam mir eine idee. hat zwar wenig mit css zu, könnte aber hinhaun. du machst um dein div noch ein div. das äußere div hat die fixe größe, das innere div bekommt den ramen und 100% größe.

Ohne das ausprobiert zu haben glaub ich nicht daß das funktioniert, die DIVs werden dann zwar den richtigen Rand haben, aber im IE dann nur oben und links, weil rechts und unten wird der Rand abgeschnitten werden...
Traurig, daß man wegen dem IE so pfuschen muß.

Macht aber nix, ich hab sowieso die ultimative Lösung für alle Probleme des IE. Wir brauchen ein Firefox-Plugin für den IE. Dh. erst muß das Firefox-Plugin geladen werden (so wie etwa für Flash das Macromedia-Plugin nötig is...) und das zeigt die Seite dann richtig an. Mah wär des cool... Gfallt mir richtig gut. Egal, bis soweit is, brauch ich eine andere Lösung...

vossi schrieb am 12.10.2005 um 14:43

könnte das evtl auch sein weil du padding nicht explizit auf 0 setzt und der IE das anders interpretiert?

DJ_Cyberdance schrieb am 12.10.2005 um 14:45

Zitat von Spikx
Liegt vermutlich an der DTD. Nimm mal
Code: PHP
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
und schreib die Tags xhtml konform.

Glaub ich kaum, ich schreib immer xHTML-konform:

Code: PHP

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

(Das vorher angegebene Tag gibts im Sourcecode so nicht, style='..' steht eigentlich in einem CSS-File und ich hab dann <div class='blah'> im HTML-File stehen.)

DJ_Cyberdance schrieb am 12.10.2005 um 14:50

Zitat von vossi
könnte das evtl auch sein weil du padding nicht explizit auf 0 setzt und der IE das anders interpretiert?

War zwar nicht auf 0 gesetzt, aber selbst wenn ich das mach: Ändert leider nix. Hab ich schon erwähnt, daß ich den IE hasse?

Spikx schrieb am 12.10.2005 um 14:51

ja dann weiß ich auch nur die Lösung von kleinerChemiker

DJ_Cyberdance schrieb am 12.10.2005 um 15:04

BTW, das Problem ist umgekehrt, hab mich vertan, alle Browser rechnen den Rand dazu, nur IE NICHT. Egal, hier zur Demonstration, ihr könnts ja einmal mitm IE und einmal mit einem Browser ausprobieren:

http://81.223.23.154/other/test.html

Spikx schrieb am 12.10.2005 um 15:05

Bei mir schauts im FireFox und IE gleich aus.

evrmnd schrieb am 12.10.2005 um 15:08

Zitat von Spikx
Bei mir schauts im FireFox und IE gleich aus.

DJ_Cyberdance schrieb am 12.10.2005 um 15:10

Zitat von Spikx
Bei mir schauts im FireFox und IE gleich aus.

Cool... welche Versionen hast Du denn?
Firefox: 1.07
IE: 5.00 (weiß das is alt, aber muß trotzdem funzn da...)

evrmnd schrieb am 12.10.2005 um 15:14

IE: 6.0
Firefox: 1.0.7

Spikx schrieb am 12.10.2005 um 15:41

FF: 1.0.7
IE: 6.0.irgendwos

Ja, könnt sein dass IE 5.0 "zu alt" ist. Aber es hat ja keiner gesagt, dass es einfach ist, eine website auf allen Browsern und allen Browserversionen gleich aussehen zu lassen

watchout schrieb am 12.10.2005 um 15:56

conditional comments => if IE 5

andere Lösungen sind nur sehr pfusch