CSS: v IE vzniká medzi DIV medzera, Opera aj Firefox sú OK

Programovacie jazyky, rady, poradňa...
Jungle
Guru wannabe
Guru wannabe
Používateľov profilový obrázok
Príspevky: 2109
Registrovaný: 13 feb 2006, 12:53

CSS: v IE vzniká medzi DIV medzera, Opera aj Firefox sú OK

Príspevok od používateľa Jungle »

Neviem si poradiť s naslednovným problémom:

ak si otvoríte túto stránku http://brik.petrik.us/katalog/
cssko http://brik.petrik.us/style.css

v Opere či Firefoxe, všetko je v poriadku... Keď si ju otvoríte v IE6 (čo je stále najpoužívanejší browser), tak medzi jednotlivými elementami DIV vzniká pre mňa nepochopiteľná medzera - je viditeľná napríklad vďaka opakovanému pozadiu hlavičky - viz. screen... Ak by sa našiel niekto ochotný sa tomu seriózne venovať, napíšte mi a môžem vám poslať zdrojáky (PHP), prípadne vám dám prístup na FTP, ak nemáte doma server, aby ste mohli skúšať...

Ďakujem
Prílohy
ie_sux.jpg
Shrekzv
Star
Star
Používateľov profilový obrázok
Príspevky: 645
Registrovaný: 24 nov 2005, 18:07
Bydlisko: Zvolen
Kontaktovať používateľa:

Príspevok od používateľa Shrekzv »

na toto je len jedna odpoved..zvykaj si....alebo urob dve varianty stranky..jednu odladenu rpe ie a druhu pre operu a firefox :D.....podobne problemy som riesil..nevysvetlene vznikaju volne riadky pri divoch v ie......neuspesne :cry: :cry:
mastermind
VIP
VIP
Používateľov profilový obrázok
Príspevky: 4810
Registrovaný: 09 feb 2005, 13:17

Príspevok od používateľa mastermind »

treba pouzit rozne css hacky.
napr IE spravne interpretuje aj takyto zapis: _margin:0px;
avsak musim ta upozronit tento zapis nie je validny, teda ak si potrpis na validitu stranky musis vyuzit iny hack. je ich vela.
Jungle
Guru wannabe
Guru wannabe
Používateľov profilový obrázok
Príspevky: 2109
Registrovaný: 13 feb 2006, 12:53

Príspevok od používateľa Jungle »

IE sucks :aasmile2: ako ja som mal s IE samozrejme viacero problémov, aj keď celá stránka i štýly sú samozrejme validné... a všetko sa mi podarilo vyriešiť, okrem hentej jedinej veci :? veď prečo by nám microsoft nespravil pár dní roboty navyše, keď môže...
turtlak69
Guru
Guru
Príspevky: 2896
Registrovaný: 10 máj 2007, 15:58
Bydlisko: /dev/null

Príspevok od používateľa turtlak69 »

tieto volne riadky trapili aj mna. spravil som php script, ktory zisti o aky prehliadac ide a ked je to IE, tak nacita iny CSS subor. iny sposob som neobjavil...
mastermind
VIP
VIP
Používateľov profilový obrázok
Príspevky: 4810
Registrovaný: 09 feb 2005, 13:17

Príspevok od používateľa mastermind »

turtlak69 napísal:tieto volne riadky trapili aj mna. spravil som php script, ktory zisti o aky prehliadac ide a ked je to IE, tak nacita iny CSS subor. iny sposob som neobjavil...
ale no tak ludia. neverim ze nefunguje zaporny margin. (pripadne zaporny border, alebo padding)
tomexx
King
King
Používateľov profilový obrázok
Príspevky: 1773
Registrovaný: 06 nov 2004, 14:11
Bydlisko: Praha
Kontaktovať používateľa:

Re: CSS: v IE vzniká medzi DIV medzera, Opera aj Firefox sú

Príspevok od používateľa tomexx »

whisper napísal:Neviem si poradiť s naslednovným problémom:

ak si otvoríte túto stránku http://brik.petrik.us/katalog/
cssko http://brik.petrik.us/style.css

v Opere či Firefoxe, všetko je v poriadku... Keď si ju otvoríte v IE6 (čo je stále najpoužívanejší browser), tak medzi jednotlivými elementami DIV vzniká pre mňa nepochopiteľná medzera - je viditeľná napríklad vďaka opakovanému pozadiu hlavičky - viz. screen... Ak by sa našiel niekto ochotný sa tomu seriózne venovať, napíšte mi a môžem vám poslať zdrojáky (PHP), prípadne vám dám prístup na FTP, ak nemáte doma server, aby ste mohli skúšať...

Ďakujem
nechce sa mi studovat ten kod, ale ak tam pouzivas floatovane divy a mas na nich nejaky margin, tak musis pouzit cisty hack: nastavis na tie floatovane divy display:inline;

:wink:
chrono
VIP
VIP
Používateľov profilový obrázok
Príspevky: 7127
Registrovaný: 25 dec 2006, 15:17

Príspevok od používateľa chrono »

Práve mi napadlo, že IE má problém, ak je medzi nejakými prvkami medzera alebo prechod na nový riadok. Skús urobiť, aby medzi uzatváracím a otváracím tagom nebolo nič (ani medzera).
tomexx
King
King
Používateľov profilový obrázok
Príspevky: 1773
Registrovaný: 06 nov 2004, 14:11
Bydlisko: Praha
Kontaktovať používateľa:

Príspevok od používateľa tomexx »

chrono napísal:Práve mi napadlo, že IE má problém, ak je medzi nejakými prvkami medzera alebo prechod na nový riadok. Skús urobiť, aby medzi uzatváracím a otváracím tagom nebolo nič (ani medzera).
IE6 ma problem ked maju floatovane divy nastaveny margin a tento bug sa prejavuje tak ze ten margin sa kvazi zdvojnasobi..

dalsia vec je ze IE ma niekedy problem s whitespace-om. Nie s tym designovym, ale s tym v kode, tzn medzery atd. To by som sa tiez pokusil osetrit. Sice tym stratis prehladnost v kode ale pomoze to. Da sa to elegantne vyriesit napriklad tak, ze si budes layout generovat cez php, cim vlasnte neprides o tu prehladnost pri praci..
Jungle
Guru wannabe
Guru wannabe
Používateľov profilový obrázok
Príspevky: 2109
Registrovaný: 13 feb 2006, 12:53

Príspevok od používateľa Jungle »

thx all

po zápočtovke sa na to pozriem :)
peace
Light Star
Light Star
Používateľov profilový obrázok
Príspevky: 226
Registrovaný: 10 júl 2007, 21:35

Príspevok od používateľa peace »

mastermind napísal:ale no tak ludia. neverim ze nefunguje zaporny margin. (pripadne zaporny border, alebo padding)
Veru funguje :wink: Aj ja ho používam.
chenmy
Amateur
Amateur
Príspevky: 34
Registrovaný: 20 feb 2008, 17:10

Príspevok od používateľa chenmy »

nj... da sa ked nastavis napr. margin-top:-5px; ale musis pocitat s tym ze sa ti v firefoxe alebo opere posunuty div zhora usekne o 5px :?
"J"
Medium Professional
Medium Professional
Používateľov profilový obrázok
Príspevky: 1019
Registrovaný: 13 mar 2007, 17:10

Príspevok od používateľa "J" »

chenmy napísal:nj... da sa ked nastavis napr. margin-top:-5px; ale musis pocitat s tym ze sa ti v firefoxe alebo opere posunuty div zhora usekne o 5px :?
Tak si to da len pre IE... Napriklad

Kód: Vybrať všetko

* html element {margin-top:-5px}
je pre IE <= 6...a ma to aj validne. :wink:
Napísať odpoveď