CSS Guru needed!

Hussl · 29.11.2006, 18:50

Hallo, ich hab mir aus dem Internet bisserl CSS zusammengestoppelt, damit meine Seite so aussieht, wie ich mir das ungefähr vorgestellt hab. Nur leider hab ich von CSS nicht so die Ahnung...

Jetzt hab ich das typische Browserproblem. Im Firefox (2.0) schaut alles super aus, im IE (7.0) siehts zum Erbrechen aus...

http://chili-it.at/umbau/test/

Kann mir wer einen Tipp geben, was ich ändern muss, damit das auch im IE aussieht wie es soll?

zAPPEL · 29.11.2006, 19:48

hm.. also zuallererst würde ich an deiner stelle als doctype xhtml 1.0 (trans oder strict ist egal) verwenden.
Da arbeitet der IE (auch der 6er) standardkonformer. (zumindest arbeite ich immer so, finde es angenehmer)

le bart · 29.11.2006, 21:05

mach am besten 2 css, eines für firefox eines für ie und lass jeden browser nur das richtige css laden
http://de.selfhtml.org/css/layouts/b...tm#alternative

wenn du aber sachen hovern lassen willst die wieder nur ein browser hovern kann, zb kann firefox span hovern ie nicht, ie braucht zb a:hover, dann musst sogar im html bereich 2 versionen drin haben, das kannst mit conditional comments trennen
http://msdn.microsoft.com/workshop/a...omment_ovw.asp

oder du trennst gleich im html oder css dort wos hakt, mit hacks
http://de.selfhtml.org/css/layouts/b...n.htm#tan_hack

zAPPEL · 29.11.2006, 21:11

Also IE7 kann auch alles hovern, man kann nur hoffen, dass er sich recht schnell verbreitet. Sonst könnte man für Hover Effekte auf allen Elementen natürlich auch noch mit Javascript arbeiten.
Habe jetzt schon einige Websites gemacht und mit XHTML Strict und ordentlichen CSS kann man recht viele ohne Browserweichen arbeiten. Vielleicht für ein paar wenige CSS Eigenschaften aber wenn man sich auskennt gehts auch ohne viel Browserweichen und CSS Hacks.

lg

29.11.2006, 18:50	#1
Hussl Veteran Registriert seit: 08.02.2001 Alter: 41 Beiträge: 320	CSS Guru needed! Hallo, ich hab mir aus dem Internet bisserl CSS zusammengestoppelt, damit meine Seite so aussieht, wie ich mir das ungefähr vorgestellt hab. Nur leider hab ich von CSS nicht so die Ahnung... Jetzt hab ich das typische Browserproblem. Im Firefox (2.0) schaut alles super aus, im IE (7.0) siehts zum Erbrechen aus... http://chili-it.at/umbau/test/ Kann mir wer einen Tipp geben, was ich ändern muss, damit das auch im IE aussieht wie es soll? ____________________________________ Nein, ich bin nicht die Signatur, ich putz hier nur. http://www.chili-it.at

29.11.2006, 19:48	#2
zAPPEL Inventar Registriert seit: 07.11.2001 Ort: Perchtoldsdorf Alter: 45 Beiträge: 2.085 Mein Computer	hm.. also zuallererst würde ich an deiner stelle als doctype xhtml 1.0 (trans oder strict ist egal) verwenden. Da arbeitet der IE (auch der 6er) standardkonformer. (zumindest arbeite ich immer so, finde es angenehmer) ____________________________________ „Das menschliche Gehirn ist eine großartige Sache. Es funktioniert vom Moment der Geburt an – bis zu dem Zeitpunkt, wo du aufstehst, um eine Rede zu halten.“ Mark Twain "Windle shook his head sadly. Four exclamation marks, the sure sign of an insane mind" Reaper Man, Terry Pratchett

29.11.2006, 21:11	#4
zAPPEL Inventar Registriert seit: 07.11.2001 Ort: Perchtoldsdorf Alter: 45 Beiträge: 2.085 Mein Computer	Also IE7 kann auch alles hovern, man kann nur hoffen, dass er sich recht schnell verbreitet. Sonst könnte man für Hover Effekte auf allen Elementen natürlich auch noch mit Javascript arbeiten. Habe jetzt schon einige Websites gemacht und mit XHTML Strict und ordentlichen CSS kann man recht viele ohne Browserweichen arbeiten. Vielleicht für ein paar wenige CSS Eigenschaften aber wenn man sich auskennt gehts auch ohne viel Browserweichen und CSS Hacks. lg ____________________________________ „Das menschliche Gehirn ist eine großartige Sache. Es funktioniert vom Moment der Geburt an – bis zu dem Zeitpunkt, wo du aufstehst, um eine Rede zu halten.“ Mark Twain "Windle shook his head sadly. Four exclamation marks, the sure sign of an insane mind" Reaper Man, Terry Pratchett

29.11.2006, 21:05	#3
le bart Veteran Registriert seit: 07.11.2003 Alter: 50 Beiträge: 393	mach am besten 2 css, eines für firefox eines für ie und lass jeden browser nur das richtige css laden http://de.selfhtml.org/css/layouts/b...tm#alternative wenn du aber sachen hovern lassen willst die wieder nur ein browser hovern kann, zb kann firefox span hovern ie nicht, ie braucht zb a:hover, dann musst sogar im html bereich 2 versionen drin haben, das kannst mit conditional comments trennen http://msdn.microsoft.com/workshop/a...omment_ovw.asp oder du trennst gleich im html oder css dort wos hakt, mit hacks http://de.selfhtml.org/css/layouts/b...n.htm#tan_hack

Aktive Benutzer in diesem Thema: 1 (Registrierte Benutzer: 0, Gäste: 1)