[css] rare balk aan rechterkant site

[Verwijderd]

Ik ben een beetje met Wordpress aan het klooien de laatste tijd en besloot nu zelf eens een thematje te maken. Nou ja... een thema aan te passen. Nu heb het er in firefox allemaal perfect uit zien, maar in internet explorer lijkt de background color van m'n #rap tag door loopt waardoor er aan de zijkant een balk ontstaat. Ik post hier onder even m'n css mee, ik vermoed namelijk dat er ergens een verkeerde tag wordt gebruikt, maar ik zie hem niet. Het gaat om de site www.svst.nl

code:

#rap {

    background-color: #F8D7D1;
    text-align: center;
    border-right-width: 5px;
    border-left-width: 5px;
    border-right-style: solid;
    border-left-style: solid;
    border-right-color: #000000;
    border-left-color: #000000;
    width: 838px;
    margin-top: 0px;
    margin-right: auto;
    margin-bottom: 0px;
    margin-left: auto;
    padding: 0px;

}

[Tux]

Als je de font-size eens weghaalt uit het '#header a:link, #header a:visited' gedeelte... Als ik in Firefox met outline block level elements en edit css (developer toolbar) die regel weghaal krijgt de header de juiste breedte (in FF is die h1 ook breder, maar loopt de background niet door)

Cascading Stylesheet:

#header a:link, #header a:visited {
visibility:hidden;
    font-family:Verdana, Arial, Helvetica, sans-serif;
    /* font-size: 50px; */
    color: #318C00;
}

[ Voor 22% gewijzigd door Tux op 09-08-2006 19:56 ]

[BtM909]

En probeer ook je CSS wat compacter te beschrijven:

Cascading Stylesheet:

#rap {

    background-color: #F8D7D1;
    text-align: center;
    border-right-width: 5px;
    border-left-width: 5px;
    border-right-style: solid;
    border-left-style: solid;
    border-right-color: #000000;
    border-left-color: #000000;
    width: 838px;
    margin-top: 0px;
    margin-right: auto;
    margin-bottom: 0px;
    margin-left: auto;
    padding: 0px;

}

Wordt

Cascading Stylesheet:

#rap {
    background-color: #F8D7D1;
    text-align: center;
    border: 5px solid #000;
    border-top: none; /* 0 zou ook moeten werken */
    border-bottom: none; /* 0 zou ook moeten werken */
    width: 838px;
    margin: 0 auto; /* top right bottom left. In dit geval: zijn top en bottom hetzelfde en right en left */
    padding: 0;
}

[Verwijderd]

Julie zijn mijn helden
Tja, ik heb het ook niet zelf geschreven maar alleen maar aangepast. Dit is het css uit het anthosia theme voor wordpress en ik heb zelf alleen met de breedtes en zo lopen klooien daarom dacht ik dat daar iets fout zat. Maar goed, weer wat geleerd!