[Bijdrager Vin]

Website IE6 en 7 probleem (Css)

Misschien een beetje een open vraag maar waarom doet mijn website het niet in IE6 en IE7?

Met browsershots.org/ heb ik het gecheckt en helaas doet ie t niet in IE6 en 7.

Nou heb ik wel een beetje verstand van CSS enzo maar nu snap ik er echt niets meer van!
Zou iemand eens mee kunnen kijken waarom ie t niet doet in IE 6 en 7?

Overigens zou ik het nog niet eens zo heel erg vinden als ie het niet doet in IE6 maar hij moet t zeker wel doen in 7!!

Alvast bedankt voor de hulp!

[Bijdrager Vin]

zie:

IE6:
http://api.browsershots.org/png/original/d7/d7990d51732ad043ad76d25dc6fd7922.png

IE7:
http://api.browsershots.org/png/original/9a/9a64adff310fc541d816ae01dcac621e.png

Het menu gaat dus helemaal de mist in!

[Bijdrager rikf]

IE7: Als je aan de style van de li in het menu
[code:1:7e39fcc930]white-space:nowrap[/code:1:7e39fcc930]
toevoegd, ben je voor ie7 klaar denk ik.

IE6 zet de breedte van het menu om een of andere rare reden op 20% terwijl je em zelf wel goed hebt staan in je css. Waarom dat gebeurt, is me een raadsel…. Succes nog daarmee

[Bijdrager Vin]

oke bedankt! dan heb ik nu in de ie.css het volgende staan:

[code:1:aafc2bd6da]#menu {
float: left;
width: 750px;
overflow: auto;
top: 0;
bottom: 0;
position: fixed;
height: 100%;
background-color: #fff;
left:0;
white-space:nowrap;
}[/code:1:aafc2bd6da]

[Bijdrager rikf]

Ik weet niet zeker of die het doet…. Je moet de li hebben:
[code:1:0b544a9e5c]#menu li {
white-space:nowrap;
}[/code:1:0b544a9e5c]

[Bijdrager iJoost]

[code:1:c172149c72]Waarschuwing: Selector verwacht. Regelset genegeerd vanwege foute selector.
Bronbestand: http://www.graphsic.com/ndxz-studio/site/graphsic/style.css
Regel: 30[/code:1:c172149c72]

[code:1:c172149c72]Waarschuwing: ‘;’ gevonden waar ‘,’ of ‘{’ verwacht. Regelset genegeerd vanwege foute selector.
Bronbestand: http://www.graphsic.com/ndxz-studio/site/graphsic/style.css
Regel: 153[/code:1:c172149c72]

[Bijdrager Vin]

”rikf”

Ik weet niet zeker of die het doet…. Je moet de li hebben:
[code:1:b9c698fcbc]#menu li {
white-space:nowrap;
}[/code:1:b9c698fcbc]

heb er deze nu ook bij gezet!
browserscreenshots is zo klaar en dan kan ik zien of het heeft gewerkt!

[Bijdrager Vin]

”iJoost”

[code:1:f0473f97a5]Waarschuwing: Selector verwacht. Regelset genegeerd vanwege foute selector.
Bronbestand: http://www.graphsic.com/ndxz-studio/site/graphsic/style.css
Regel: 30[/code:1:f0473f97a5]

[code:1:f0473f97a5]Waarschuwing: ‘;’ gevonden waar ‘,’ of ‘{’ verwacht. Regelset genegeerd vanwege foute selector.
Bronbestand: http://www.graphsic.com/ndxz-studio/site/graphsic/style.css
Regel: 153[/code:1:f0473f97a5]

Nou op regel 30 zie ik niets en op 153 zie ik geen ; die gevonden zou zijn… Waar heb je dit vandaan?

[Bijdrager Vin]

”rikf”

Ik weet niet zeker of die het doet…. Je moet de li hebben:
[code:1:44ffe779d0]#menu li {
white-space:nowrap;
}[/code:1:44ffe779d0]

yes!
dat doet t m voor IE7! super bedankt! ik wist wel dat er iemand zou zijn die het zo 1,2,3 zou weten! scheelt mij heel de dag aankloten daarmee! bedankt man!
en nu nog ie6…..

[Bijdrager Rub3n]

”Graphsic”

”rikf”

Ik weet niet zeker of die het doet…. Je moet de li hebben:
[code:1:f669fa4760]#menu li {
white-space:nowrap;
}[/code:1:f669fa4760]

heb er deze nu ook bij gezet!
browserscreenshots is zo klaar en dan kan ik zien of het heeft gewerkt!

hoe kun je nou een website ontwikkelen als je niet IE tot je beschikking heb…

[Bijdrager Vin]

jajaja.

[Bijdrager rikf]

Zo gek zijn die validators niet:
Regel 30: (“,” teveel)
[code:1:fcf861ded1]body.section-1 #content p, body.section-4 #content p,{
}[/code:1:fcf861ded1]
en regel 153 klopt ook niet helemaal (“;” teveel):
[code:1:fcf861ded1]p a:link, p a:hover, p a:visited, p a:active;{
background-color:#FFFF00;
font-family:Georgia, "Times New Roman", Times, serif;
font-size:11px;
line-height:140%;
}[/code:1:fcf861ded1]

[Bijdrager iJoost]

”Graphsic”

Nou op regel 30 zie ik niets en op 153 zie ik geen ; die gevonden zou zijn… Waar heb je dit vandaan?

Grappig. Ik zag ze wel toen ik ging kijken. En rikf zag het ook, zie ik.

Gewoon uit de Foutconsole van FireFox. Zet ‘m open!

Mag ik ook Firebug weer eens van harte aanbevelen? Dan kun je gemakkelijk zelf zien welk effect je cascaded styles hebben… en waar dus het probleem zit.

[Bijdrager Vin]

oke dat van regel 153 heb ik opgelost.

maar wat is er fout aan regel 30? welke comma is er teveel?

[Bijdrager iJoost]

Zucht…

De eerste?
Of de tweede?

Installeer Firebug dan zie je zelf wat er niet werkt.

[Bijdrager Vin]

yo bedankt! nu zitten er geen fouten meer in!