[CSS] IE Plaatje te Klein.

[mikenuun]

Hallo,
Ik ben ten einde raad,
Heb er verschillende mensen al over laten buigen, maar IE vertikt het gewoon.

Het zit zo :
Ik heb een menu met een bijbehorend scheidingsbalkje, deze moet natuurlijk mooi aansluiten op de rest van de layout. In firefox gaat dit helemaal prima, maar IE trekt zijn eigen plan (zie screen).

Mijn vraag was heeft iemand hier raad mee om IE eens een draai rond te oren te geven, ik bedoel de website goed te laten weergeven

Alvast bedankt voor de hulp en in inzet.

code:

#Navigatie ul li {
    margin:0;
    padding-right: 20px;
    display: inline;
    padding: 0 0 0 50px;
    padding-top: 8px;
    padding-bottom: 10px;
    background-image: url('../images/Navigatie_Lijn.jpg');
    background-position: 20px;
    background-repeat: no-repeat;
}

[RobIII]

mikenuun schreef op woensdag 28 januari 2009 @ 18:00:
Alvast bedankt voor de hulp en in inzet.

Als je die nu zelf ook nog wat had vertoond... (inzet). We zijn hier geen dumpplek waar je je probleem kunt dumpen en dan lossen wij het wel voor je op. We verwachten dus dat je zélf ook wat moeite doet om 't op te lossen of op z'n minst laat zien wat je al geprobeerd hebt. Als anderen zich erover gebogen hebben zou het handig zijn als je hun opmerkingen ook erbij plaatst. Dan komen wij niet met allemaal dezelfde opmerkingen

Neem onze Quickstart eens door zodat dit een volgende keer voorkomen kan worden als je een topic opent

Daarbij laat je te weinig (relevante!) code zien; zo zien we niet wat de container van je ul is, hoe je ul zélf gestyled is, welk doctype je gebruikt etc. en blijft het voor ons dus ook gissen zo...

offtopic:
Overigens komt dat design me érg bekend voor, minus het nuunsoft.nl stuk uiteraard Het ziet er iig uit alsof het recht van een whatever-template-site komt.

[ Voor 20% gewijzigd door RobIII op 28-01-2009 18:16 ]

[BigJeff]

Verander:

code:

#Navigatie ul li {
    margin:0;
    padding-right: 20px;
    display: inline;
    padding: 0 0 0 50px;
    padding-top: 8px;
    padding-bottom: 10px;
    background-image: url('../images/Navigatie_Lijn.jpg');
    background-position: 20px;
    background-repeat: no-repeat;
}

in

code:

#Navigatie ul li {
    margin:0;
    padding-right: 20px;
    display: inline;
    padding: 0 0 0 50px;
    padding-top: 8px;
    padding-bottom: 10px;
    background-image: url('../images/Navigatie_Lijn.jpg');
    background-position: 20px;
    background-repeat: repeat-y;
}

Misschien dat dit helpt ?
Aangezien de streepjes een bg-image zijn?

[ Voor 137% gewijzigd door BigJeff op 28-01-2009 18:11 ]

[Herko_ter_Horst]

Lijkt mij zo op het eerste oog een gevalletje Wikipedia: Internet Explorer box model bug
Zorgen dat je pagina rendert in standards mode zou de oplossing moeten zijn.

Lastig te checken van een plaatje of op lokale files, overigens. Schop (voor jezelf) eens een test-server in de lucht c.q. zet de files op een bestaande server.

[RobIII]

BigJeff schreef op woensdag 28 januari 2009 @ 18:06:
<snip>
background-repeat: repeat-y;
</snip>

Dat is helemaal nog niet zeker. Wie weet is in IE de li wel helemaal niet volledige hoogte binnen de navigatiebalk. Daar is gewoon te weinig code en info voor gepost.

[ Voor 25% gewijzigd door RobIII op 28-01-2009 18:13 ]

[mikenuun]

BigJeff schreef op woensdag 28 januari 2009 @ 18:06:
Verander:

code:

#Navigatie ul li {
    margin:0;
    padding-right: 20px;
    display: inline;
    padding: 0 0 0 50px;
    padding-top: 8px;
    padding-bottom: 10px;
    background-image: url('../images/Navigatie_Lijn.jpg');
    background-position: 20px;
    background-repeat: no-repeat;
}

in

code:

#Navigatie ul li {
    margin:0;
    padding-right: 20px;
    display: inline;
    padding: 0 0 0 50px;
    padding-top: 8px;
    padding-bottom: 10px;
    background-image: url('../images/Navigatie_Lijn.jpg');
    background-position: 20px;
    background-repeat: repeat-y;
}

Misschien dat dit helpt ?

Dit maakt ze iets langer in firefox, maar IE doet er vrij weinig mee.

@ Herko ;

Ik had het inderdaad al open staan op de screen,
Maar het doctype veranderen naar een juiste (waarbij hij niet quirksmode zou moeten gaan) maakt helaas geen verschil.
Even kijken wat mijn server er mee gaat doen.

Alvast bedankt voor de gegeven reacties.

[BigJeff]

RobIII schreef op woensdag 28 januari 2009 @ 18:11:
[...]

Dat is helemaal nog niet zeker. Wie weet is in IE de li wel helemaal niet volledige hoogte binnen de navigatiebalk. Daar is gewoon te weinig code en info voor gepost.

Hmm dat zou ook nog kunnen inderdaad.

[RobIII]

mikenuun schreef op woensdag 28 januari 2009 @ 18:12:
Even kijken wat mijn server er mee gaat doen.

Kleed het dan meteen even uit tot je enkel relevante(!) html/css en images over houdt zodat we niet hoeven waden door honderden regels code

[crisp]

btw

Cascading Stylesheet:

padding-right: 20px;
padding: 0 0 0 50px;
padding-top: 8px;
padding-bottom: 10px;

schrijf dan meteen:

Cascading Stylesheet:

padding: 8px 0 10px 50px;