Wie heeft hier een goede oplossing voor het volgende probleem:

tekst loopt door.

1. Of scroll en hoe, want het verspringt nu
2. Achtergrond die meedoorloopt.

Graag laten weten welke oplossing het beste is en op welke manier.

Bedankt alvast voor de hulp.

http://www.vw4.nl/testdomein/ritmscenar/

Ik zou gewoon in plaats van in de css:
height: 600px;
Dit zetten:
min-height: 600px;

Zo loopt de achtergrond mee zolang als de tekst is.

Hoi Nadine,
Volgens mij heb je de divs waar het om gaat een vaste hoogte gegeven, beter op auto zetten.
Je moet ook nog even wat doen aan de a css in het menu

Groeten

Alex

Je moet ook nog even wat doen aan de a css in het menu ( wat bedoel je hiermee? )
Aanvullend bericht:
@Bert: waar zie jij 600 px staan dan?

@charset "utf-8";
/* CSS Document */


/* CSS Document */

body {
margin: 0;
padding: 0;
text-align: left;
background-color: #85A4BC;
}
#container {
width: 800px;
text-align: left;
margin-right: auto;
margin-left: auto;
margin-top: 0px;
margin-bottom: 0px;
background-color: #D7DDE1;
overflow:auto;
}
#content_links {
float: left;
background-color: #487995;
width: 150px;
}
#header_links {
float: left;
background-color: #487995;
height: 112px;
width: 150px;
}
#navigatie {
float: left;
background-color: #487995;
background-image: url(../images/hoodnavigatie_achtergrond.jpg);
background-repeat: no-repeat;
height: 362px;
width: 150px;
}
#navigatie ul
{
font-family: Arial, Helvetica, sans-serif;
list-style-type:none;
padding-top: 0;
padding-right: 0;
padding-bottom: 0;
padding-left: 0;
margin-top: -5;
margin-right: 0;
margin-bottom: 0;
margin-left: 0;
}
#navigatie li
{
display: inline;
/* for IE5 and IE6 */
}
#navigatie a
{
text-decoration: none;
display: block;
width: 130px;
margin-left: 10px;
margin-bottom: 15px;
margin-top: -15px;
padding-top: 10px;
padding-bottom: 5px;
float: left;
}
#navigatie a:link, #menu a:visited
{
color: #FFF;
text-decoration: none;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
font-weight: bold;
}
#navigatie a:hover
{
color: #333;
}
#footer_links {
float: left;
}



#content_rechts {
float: right;
}
#header_rechts {
float: right;

width: 650px;
margin-top: 0px;
margin-right: 0px;
margin-bottom: 0px;
margin-left: 0px;
background-image: url(../images/header_foto.jpg);
background-repeat: no-repeat;
}
#content {
float: right;
clear: both;
margin-top: 160px;
margin-left: 20px;
margin-right: 20px;
overflow:auto;
}
#content img {
float: left;
background-color: #E97309;
padding-top: 5px;
}
h1 {
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
font-weight: bold;
text-decoration: none;
color: #396276;
line-height: 22px;
margin-top: 5px;
margin-bottom: 5px;
}
h2 {
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
font-weight: bold;
text-decoration: underline;
color: #396276;
line-height: 22px;
margin-top: 5px;
margin-bottom: 5px;
}

p {
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
font-weight: normal;
text-decoration: none;
color: #3F3F3F;
line-height: 20px;
}

a:link {
color: #396276;
text-decoration: none;

}
a:visited {
color: #396276;
}
a:hover {
color: #333;
}
a:active {
color: #396276;
}

#footer {
float: left;
background-color: #FFF;
height: 15px;
width: 800px;
}

@ dirk B: werkt bijna alleen wil ik dat dan footer_links ook doorloopt.

Bedankt dat jullie allemaal zo snel reageren.. Daar kan ik echt wat mee.

Origineel gepost door Nadine Heesters

Je moet ook nog even wat doen aan de a css in het menu ( wat bedoel je hiermee? )
Aanvullend bericht:
@Bert: waar zie jij 600 px staan dan?

Nergens, dit was als voorbeeld.
Als jij het stuk waar de background in staat zou posten kan ik je beter helpen.

#header_rechts (line 93)
{
float: right;
height: 785px;
width: autopx;
margin-top: 0px;
margin-right: 0px;
margin-bottom: 0px;
margin-left: 0px;
background-image: url("../images/header_foto.jpg");
background-repeat: no-repeat;
}

#navigatie a:link, #menu a:visited (MENU moet volgens mij navigatie zijn)
{
color: #FFF;
text-decoration: none;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
font-weight: bold;
}

groeten

Alex
Aanvullend bericht:
o sorry achter auto moet natuurlijk geen px staan
Aanvullend bericht:
en auto moet bij height staan :) en niet bij width (ik ben lekker bezig)

Je css in combi met je html zit niet lekker in elkaar. Alles loopt een beetje over elkaar heen. Maak eerst een grote container, dan een header, dan links en dan rechts. De grote container laat je weer overal overheen lopen.

Mocht u er nog niet uitgekomen zijn, stuur me dan gerust een PB.

Geen enkel CSS probleem is een probleem, binnen enkele seconde heeft u de oplossing :-)

Origineel gepost door Alex Turk

#header_rechts (line 93)
{
float: right;
height: 785px;
width: auto;
margin-top: 0px;
margin-right: 0px;
margin-bottom: 0px;
margin-left: 0px;
background-image: url("../images/header_foto.jpg");
background-repeat: no-repeat;
}

#navigatie a:link, #menu a:visited (MENU moet volgens mij navigatie zijn)
{
color: #FFF;
text-decoration: none;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
font-weight: bold;
}

groeten

Alex
Aanvullend bericht:
o sorry achter auto moet natuurlijk geen px staan
Aanvullend bericht:
en auto moet bij height staan :) en niet bij width (ik ben lekker bezig)

Dit zou ik gebruiken dit is wat ik bedoel ;)
Zo zou het moeten werken.