Hallo
Ik ben bezig met een nieuw project. Ik ben de website in html+css aan het zetten, maar ik stoot op een probleem.
Hier is een afbeelding van de fout: http://uploadimg.thospatiadesigns.co...80probleem.jpg
De afbeelding verdubbelt langs rechts een klein stukje.
Hier is de code van #content waar het probleem volgens mij in zit:

Code:

#content {
    background-image: url(images/content.jpg);
    width: 455px;
    clear: both;
    padding-left: 15px;
    padding-right: 15px;
    font-size: 12px;
}

Ik zou niet weten wat ik fout doe, en zou het zeer fijn vinden dat hier iemand uitleg over geeft.
Het komt voor in IE en FF.
Alvast bedankt.
Martijn

Probeer eens repeat-y voor de background.

Bedankt.
Ik heb background-repeat: repeat-y; toegevoegd en het werkt.

Edit: ik heb nu tekst toegevoegd, maar ingesteld zoals je vanboven ziet met een padding-left en right, maar die padding-right voert hij zo te zien helemaal niet uit. De tekst blijft buiten het kader staan. Ook als ik de padding naar 30px verander.

Kun je een printscreen of url posten van het probleem?

Hier is een screenshot: http://uploadimg.thospatiadesigns.co...8probleem2.jpg

De breedte van je element = width + padding.

Dus stel dat je element 500px breed moet zijn, en links en rechts 10px padding, dan doe je zo:

Code:

width:480px;
padding:0 10px;

missg gewoon #content veranderen in content en in de class linken naar .content

En om welke reden ... ?

Hehe Dirk je weet echt een oplossing op elk probleem :)
Alweer bedankt :p

Origineel gepost door een gast

missg gewoon #content veranderen in content en in de class linken naar .content

Dan weet je in ieder geval zeker dat het helemaal niet meer werkt :)