Frage zu CSS @ IE

DJ_Cyberdance

Here to stay

Registered: Jun 2002
Location: Vesterålen
Posts: 1838

12.10.2005 - 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...

Bearbeitet von DJ_Cyberdance am 12.10.2005, 14:26

kleinerChemiker

Here to stay

Registered: Feb 2002
Location: Wien
Posts: 4363

12.10.2005 - 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

My Little Pwny

Registered: Jan 2002
Location: Scotland
Posts: 13497

12.10.2005 - 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

Here to stay

Registered: Jun 2002
Location: Vesterålen
Posts: 1838

12.10.2005 - 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

been there, done that

Registered: Feb 2003
Location: Vienna
Posts: 1436

12.10.2005 - 14:43

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

DJ_Cyberdance

Here to stay

Registered: Jun 2002
Location: Vesterålen
Posts: 1838

12.10.2005 - 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

Here to stay

Registered: Jun 2002
Location: Vesterålen
Posts: 1838

12.10.2005 - 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

My Little Pwny

Registered: Jan 2002
Location: Scotland
Posts: 13497

12.10.2005 - 14:51

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

DJ_Cyberdance

Here to stay

Registered: Jun 2002
Location: Vesterålen
Posts: 1838

12.10.2005 - 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

My Little Pwny

Registered: Jan 2002
Location: Scotland
Posts: 13497

12.10.2005 - 15:05

Bei mir schauts im FireFox und IE gleich aus.

evrmnd

OC Addicted

Registered: Nov 2002
Location:
Posts: 3534

12.10.2005 - 15:08

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

DJ_Cyberdance

Here to stay

Registered: Jun 2002
Location: Vesterålen
Posts: 1838

12.10.2005 - 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...)

Bearbeitet von DJ_Cyberdance am 12.10.2005, 15:32

evrmnd

OC Addicted

Registered: Nov 2002
Location:
Posts: 3534

12.10.2005 - 15:14

IE: 6.0
Firefox: 1.0.7

Spikx

My Little Pwny

Registered: Jan 2002
Location: Scotland
Posts: 13497

12.10.2005 - 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

Legend
undead

Registered: Nov 2000
Location: Off the grid.
Posts: 6845

12.10.2005 - 15:56

conditional comments => if IE 5

andere Lösungen sind nur sehr pfusch

DJ_Cyberdance Here to stay Registered: Jun 2002 Location: Vesterålen Posts: 1838	12.10.2005 - 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... Bearbeitet von DJ_Cyberdance am 12.10.2005, 14:26
kleinerChemiker Here to stay Registered: Feb 2002 Location: Wien Posts: 4363	12.10.2005 - 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 My Little Pwny Registered: Jan 2002 Location: Scotland Posts: 13497	12.10.2005 - 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 Here to stay Registered: Jun 2002 Location: Vesterålen Posts: 1838	12.10.2005 - 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 been there, done that Registered: Feb 2003 Location: Vienna Posts: 1436	12.10.2005 - 14:43 könnte das evtl auch sein weil du padding nicht explizit auf 0 setzt und der IE das anders interpretiert?
DJ_Cyberdance Here to stay Registered: Jun 2002 Location: Vesterålen Posts: 1838	12.10.2005 - 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 Here to stay Registered: Jun 2002 Location: Vesterålen Posts: 1838	12.10.2005 - 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 My Little Pwny Registered: Jan 2002 Location: Scotland Posts: 13497	12.10.2005 - 14:51 ja dann weiß ich auch nur die Lösung von kleinerChemiker
DJ_Cyberdance Here to stay Registered: Jun 2002 Location: Vesterålen Posts: 1838	12.10.2005 - 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 My Little Pwny Registered: Jan 2002 Location: Scotland Posts: 13497	12.10.2005 - 15:05 Bei mir schauts im FireFox und IE gleich aus.
evrmnd OC Addicted Registered: Nov 2002 Location: Posts: 3534	12.10.2005 - 15:08 Zitat von Spikx Bei mir schauts im FireFox und IE gleich aus.
DJ_Cyberdance Here to stay Registered: Jun 2002 Location: Vesterålen Posts: 1838	12.10.2005 - 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...) Bearbeitet von DJ_Cyberdance am 12.10.2005, 15:32
evrmnd OC Addicted Registered: Nov 2002 Location: Posts: 3534	12.10.2005 - 15:14 IE: 6.0 Firefox: 1.0.7
Spikx My Little Pwny Registered: Jan 2002 Location: Scotland Posts: 13497	12.10.2005 - 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 Legend undead Registered: Nov 2000 Location: Off the grid. Posts: 6845	12.10.2005 - 15:56 conditional comments => if IE 5 andere Lösungen sind nur sehr pfusch

Frage zu CSS @ IE

Forum Index > Software > Coding Stuff

DJ_Cyberdance

kleinerChemiker

Spikx

DJ_Cyberdance

vossi

DJ_Cyberdance

DJ_Cyberdance

Spikx

DJ_Cyberdance

Spikx

evrmnd

DJ_Cyberdance

evrmnd

Spikx

watchout