Archief - HTML: Website messed up in IE 6.0. Fout in code?

d

delange

Legacy Member

• 24 apr 2007

• #1

Hallo iedereen,

Ik ben momenteel aan deze website voor school bezig.

De website wordt goed weergegeven op zowat elke browser, behalve in IE 6.0
Spijtig genoeg gebruiken we deze versie op school, waardoor ik waarschijnlijk een slechte beoordeling zal krijgen.

Weet er iemand een oplossing voor dit probleem?

Greeetz

B

BleKKie

Legacy Member

• 24 apr 2007

• #2

ge kunt eventueel met javascript een browserdetectie doen en bij ie dienen div naar boven trekken

t

tikketim

Legacy Member

• 24 apr 2007

• #3

PHP:

<!--[if ie]>
<link href="styleie.css" rel="stylesheet" type="text/css" />
<![endif]-->

in die alternatieve css stylesheet kan je dan css schrijven speciaal voor IE waar deze in de fout gaat ..

B

BleKKie

Legacy Member

• 24 apr 2007

• #4

offT: werkt dat bij alle IE? en altijd? ik los zo'n 'style' problemen altijd op met javascript

d

delange

Legacy Member

• 24 apr 2007

• #5

Ik heb de website nog niet in elke browser kunnen testen. (is er geen programma of website waar ik dit kan doen?)

Ik weet wel dat de website in IE 6.0 altijd fout wordt weergegeven.

Greetz

L

LunchBox

Legacy Member

• 24 apr 2007

• #6

je kan in je css gebruik maken van de prefix _ om een css-regel "enkel" voor IE6 toe te passen.

Bijv. je hebt een padding van 5 px nodig in firefox/ie7/safari en eentje van 10px in ie6.. dan krijg je dit

Code:

#box{
     padding:5px;
     _padding:10px; // IE6 override
}

Stel dat nu beide IE6/IE7 lastigdoen, kan je't toepassen met volgende code:

Code:

#box{
     padding:5px;
     *padding:10px; // IE6 & IE7 override
}

En als de IE-browsers onderling nog eens een verschillende waarde nodig hebben doe je het volgende:

Code:

#box{
     padding:5px;
     *padding:10px; // IE6 & IE7 override
     _padding:7px; // IE6 override
}

Het zijn weinig populaire hacks, maar kan toch alvast tijdelijk je probleem oplossen. Persoonlijk ben ik niet zo voor'n afzonderlijke styesheet, maar ze valideren wel.. terwijl dat hier niet het geval zal zijn. Hier kan je nog meer info terugvinden: http://www.javascriptkit.com/dhtmltutors/csshacks.shtml

t

tikketim

Legacy Member

• 24 apr 2007

• #7

ik vind die 2de stylesheet gemakkelijker .. ik controleer eerst men css voor firefox , daarna maak ik een twede stylesheet aan en kijk ik waar ik aanpassingen moet doen om het in IE fatsoenlijk eruit te laten zien Met die underscores enzo staat alles zowat door elkaar en dat vind ik niet handig

L

Lashknife

Legacy Member

• 25 apr 2007

• #8

en heb je er ook een voor opera en safari bv tikketim?

ben toch eerder van mening dat je zodra je een prob tegenkomt, moet gaan "fixen" voor je verder gaat en niet eerst voor firefox je site maken en dan gaan puzzelen welke fixes je exact moet toepassen.

Mss had het stepbystep meteen anders gekunt en met minder fixes (of toch minder fixes die het gevolg zullen zijn van fixes) moet gaan werken.

L

LunchBox

Legacy Member

• 25 apr 2007

• #9

tikketim zei:

Met die underscores enzo staat alles zowat door elkaar en dat vind ik niet handig

Klik om te vergroten...

vind ik persoonlijk net het voordeel.. want de data hoort ook bij elkaar aangezien het over precies hetzelfde element gaat. wijzigt er in jouw situatie iets moet je't op 2 verschillende plaatsen binnen 2 verschillende files aanpassen.

M

MitCh

Legacy Member

• 25 apr 2007

• #10

idd die underscores zijn vrij handig

t

tikketim

Legacy Member

• 25 apr 2007

• #11

LunchBox zei:

vind ik persoonlijk net het voordeel.. want de data hoort ook bij elkaar aangezien het over precies hetzelfde element gaat. wijzigt er in jouw situatie iets moet je't op 2 verschillende plaatsen binnen 2 verschillende files aanpassen.

Klik om te vergroten...

juist .. heb ik nog nooit voor gehad dus ik heb daar ook nog nooit aan gedacht

@lashknife : neen ik test bijna nooit in opera of safari .. ook niet op IE voor een mac omdat ik er simpelweg geen heb

d

dJeez

Legacy Member

• 25 apr 2007

• #12

tikketim zei:

ook niet op IE voor een mac omdat ik er simpelweg geen heb

Klik om te vergroten...

Dat zou ook weinig nut hebben aangezien IE op Mac al zo dood is als het maar kan zijn...