[CSS] Pixelprobleem IE

[Rexomnium]

Het is na lang klooien eindelijk gelukt. Ik heb het zelfs voor elkaar gekregen om een gehele pagina XHTML-compliant te krijgen.

Maar nu krijg ik browserproblemen. Standaard surf ik met Mozilla Firebird. Daarin is de pagina he-le-maal goed te bekijken. Met Internet Explorer 6.0 krijg ik een pixelprobleempje.

De layer van de maincontent (contentcenter) lijkt één pixel te weinig te hebben aan de rechterkant. Om de HTML + CSS code in deze post te zetten, wordt een beetje teveel van het goede, daarom heb ik de boel maar geüpload.

Het gaat dus niet om de missende borders aan de rechterkant en linkerkant van respectievelijk het linkermenu en het rechtermenu.

http://www.laatmenou.nl/xhtml
Hier staat de index file
http://www.laatmenou.nl/xhtml/laatmenou.css
Hier heb je de CSS.

Plz, kan iemand mij vertellen hoe ik die ene pixel weg kan krijgen? Het zou erg prettig zijn om al dat geklooi goed af te sluiten.

Alvast bedankt

[Rickets]

Ik kan het niet snel uitproberen op mijn eigen pc, omdat ik niet alle plaatjes van je site heb, maar wat je zou kunnen proberen is het volgende:

code:

*
{
    box-sizing      : border-box;
    -moz-box-sizing : border-box;
}

[edit]
Even alle plaatjes weggesloopt, en volgens mij is de pagina hetzelfde in Mozilla en IE als je bovenstaande toepast.

[ Voor 19% gewijzigd door Rickets op 31-05-2003 11:55 ]

[coubertin119]

Zou je eventjes de screenies van de foute versie en de juiste versie kunnen geven, en juist aanduiden waar de fout zit? Werkt handiger voor mij (<-- m'n IE is dus kaduuk ).

[Rexomnium]

Rickets schreef op 31 May 2003 @ 11:39:
Ik kan het niet snel uitproberen op mijn eigen pc, omdat ik niet alle plaatjes van je site heb, maar wat je zou kunnen proberen is het volgende:

code:

*
{
    box-sizing      : border-box;
    -moz-box-sizing : border-box;
}

[edit]
Even alle plaatjes weggesloopt, en volgens mij is de pagina hetzelfde in Mozilla en IE als je bovenstaande toepast.

Waar moet ik die CSS ingooien? Bij iedere box (dus met # ervoor), of aan het begin?

coubertin119 schreef op 31 May 2003 @ 11:49:
Zou je eventjes de screenies van de foute versie en de juiste versie kunnen geven, en juist aanduiden waar de fout zit? Werkt handiger voor mij (<-- m'n IE is dus kaduuk ).

Goede versie in Mozilla

Verspringende versie in IE

[Rickets]

RexomniuM schreef op 31 May 2003 @ 13:15:
[...]
Waar moet ik die CSS ingooien? Bij iedere box (dus met # ervoor), of aan het begin?

Die regels moet je in je css bestand zetten. 1 keer, dus niet bij elke ID.
Die * betekent dat het voor alle elementen geldt.

[crisp]

RexomniuM schreef op 31 May 2003 @ 13:15:
[...]
Waar moet ik die CSS ingooien? Bij iedere box (dus met # ervoor), of aan het begin?

Gewoon in je stylesheet toevoegen:

Cascading Stylesheet:

* {
  box-sizing      : border-box;
  -moz-box-sizing : border-box;
}

* betekent dat het voor alle tags moet gelden, eventueel kan je het ook beperken tot alle divs door er 'div' van te maken.
Nadeel is echter dat dit betekent dat je opnieuw je breedtes moet instellen voor Mozilla en Opera, deze css laat Mozilla namelijk het boxmodel van IE simuleren, andersom is er geen css waarmee je IE kan forceren het W3C boxmodel te gebruiken.

[Rexomnium]

Hij... hij... hij... doet het *snikt*. Urenlang heb ik er mee gerotzooid. Urenlange bloed zweet en tranen.

Now I can die happy

Bedankt allemaal

[Verwijderd]

Ik weet niet of dit het is, maar ik zie in je code het volgende staan:

code:

<div class="credits">
    <div class="creditstekst">(...)</div>
    <div class="creditstekst">(...)</div>
</div>

als je deze div nu eens op 1 lijn zet... Ik heb zelf ook al eens meegemaakt dat dankzij een 'return' in mijn code de opmaak enigzins versprong... probeer het eens misschien is het nu ook zo.

dus:

code:

<div class="credits"><div class="creditstekst">(...)</div><div class="creditstekst"(...)</div></div>

(sorry voor de layout )

[edit]
net te laat gepost dus

[ Voor 20% gewijzigd door Verwijderd op 31-05-2003 13:32 . Reden: overbodig ]

[crisp]

Verwijderd schreef op 31 mei 2003 @ 13:31:
Ik weet niet of dit het is, maar ik zie in je code het volgende staan:
[...]
als je deze div nu eens op 1 lijn zet... Ik heb zelf ook al eens meegemaakt dat dankzij een 'return' in mijn code de opmaak enigzins versprong... probeer het eens misschien is het nu ook zo.

dus:
[...]
(sorry voor de layout )

[edit]
net te laat gepost dus

Dat geldt alleen voor inline elementen binnen een blocklevel; voor blocklevel elementen binnen een blocklevel maakt dat niet uit (ergo: als je dit probleem met plaatjes hebt, zet dan style="display: block" in je <img> tag)