CSS problem i IE7
Hej alle
Jeg sider for tiden og roder med at lave en side for et blad, Kvant. Designet er lavet i CSS, men bliver vist ret forskelligt i IE7 og Firefox. Det er ret irriterende da en del af bladets læsere er Windowsbrugere som jeg ikke forventer bruger Firefox. Jeg vil derfor høre om I kan nogle CSS hacks til omgå de fejl jeg oplever.
Problemet er at IE laver en ekstra hvid linje:
http://tjansson.dyndns.dk/kvant/kvant2/css-problem.png
Siden kan ses her:
http://www.tjansson.dyndns.dk/kvant/kvant2/index.php
og CSS
http://www.tjansson.dyndns.dk/kvant/kvant2/style.css
- Log in to post comments
Kommentarer13
IE CSS problemer
Hej Thomas,
Det ser ud til at du er stødt på et af de problemer man alt for tit render ind i når Microsoft ikke vil følge standarderne.
Det er absolut ikke ukendt at positionering med CSS ikke altid er helt let uden "hacks" i forhold til MSIE.
Prøv at kigge lidt her:
http://archive.webstandards.org/css/winie/
http://www.makeyougohmm.com/20071019/4873/
og endelig en kanon artikel om CSS positionering:
http://www.brainjar.com/css/positioning/default.asp
God fornøjelse
Re:
vil så sige, at jeg lige så ofte har set problemer med css i firefox.
Firefox (Iceweasel) er da
Firefox (Iceweasel) er da heller ikke helt uden småproblemer. Ej heller er Opera. Der er dog væsentlig bedre CSS og CSS2 understøttelse end MSIE i forskellige versioner er kendt for.
Er det noget bestemt du har problem med omkring CSS og Firefox? Bare nysgerrig :-)
RE: firefox
ja, når jeg vil lave speciel atributes på celler i en tabel, fucker det helt op, i både linux og windows under firefox, men i IE7 virker det fejlfrit.
Tak for linkene
Tak for linkene - jeg må få læst lidt mere om det. Det bare irriterende at man skal lave denne slags krumspring for at få det til at se pænt ud i begge browsere. :)
er det ikke lidt meget
er det ikke lidt meget offtopic at spørge om workarounds til IE på et linux site?
hvad fik dig til at tro det var her du skal spørge?!?!
det kan jo direkte sammenlignes med hvis jeg spurgte om hvilke sko der er varmest for tiden...
Bestemt ikke off-topic
Jeg kan ikke se hvad du mener? Jeg har stillet dette spørgsmål netop på et Linuxforum fordi dem der bruger CSS herinde sikkert også har det problem at det de laver i Firefox ser anderledes ud i IE.
Open source og Linux brugere er nok dem der mest erfarne med at laver sider som ser godt ud i mange browser, da IE-centriske udviklere ofte er ligeglade med hvordan en side vises i noget andet end IE. Jeg synes derfor det meget relevant at stille dette spørgsmål på et Linuxforum under sektionen "programmering".
Du har ret Thomas
Her for nylig skulle jeg have en kontaktavis på nettet. Jeg skrev en del i CSS. Det fungerer efter hensigten i Firefox, men slet ikke i IExplorer. Tidligere har jeg skrevet et booking system. Her måtte jeg meddele kunden, at et ganske almindeligt text areal ikke virkede i IExplorer, men problemfrit i Firefox, hvor en del brugere går ind for at reservere plads til nogle arrangementer, så de måtte vælge mellem mit arbejde og muligheden for at bruge IExplorer - jeg har kun fået ros for systemets funktionalitet, sådan kunne jeg blive ved, men lad ovenstående være lidt af et svar til dig.
Løsningen
En venlig sjæl på dk.edb.internet.webdesign hjalp med en løsning:
form {
margin: 0;
}
Det var virkeligt dejligt. :)
Måske kun et problem hos mig
Det er muligt, at det er mig, der har uhensigtsmæssigt opsat karaktersæt, men i så fald er det både på min Linux maskine og min Windows maskine.
I Firefox bliver ø'et i søg til et ? i den linie du har lige under headeren, mens ø i menuen er i orden.
I IE 7 bliver ø'et til en tom firkant i søgefeltet, men er også her i orden i menuen.
Normalt oplever jeg ikke problemer med de danske tegn.
Kaj
jeg har haft lidt problemer
jeg har haft lidt problemer med dem i de scripts jeg har lavet, men efter at jeg begyndte at gemme dem i iso-8859-1 har jeg ingen problemer haft (måske noget med den oplyste standard i < head >..)
Specialtegn
Hej
Problemet er at Thomas benytter de danske specialtegn direkte i html koden i stedet for at benytte de officielle entities koder. Det er min oplevelse at det virker i nogle tilfælde (har ikke specifikt undersøgt hvad der afgør om det virker) men at det som regel giver problemer.
Der er en liste med koderne for de enkelte symboler på
http://www.w3schools.com/tags/ref_entities.asp
og de tre danske bogstaver klares på denne måde.
æ -> æ
ø -> ø
å -> å
Mvh
Henrik
Specialtegn
Det er ganske rigtigt. Problemet er blot at min udviklingserver bruger UTF-8 og den endelig server bruger 8859-15, men dette ændre jeg bare når jeg er færdig med et script ala:
#!/bin/bash
for file in `ls`
do
iconv -f UTF-8 -t ISO-8859-15 -o "new_$file" "$file"
done
Men tak for heads up - det kunne have været grimt hvis ikke jeg havde været klar over det. :)