.css fout

Hallo, ik heb een foutje in mijn css of div

css:

.content
{
    width: 661px;
    overflow: hidden;
    margin-top: 15px;
    float: left;
}
.content-top
{
    width: 661px;
    height: 14px;
    background-image:url(images/content-top.png);
}
.content-top2
{
    width: 661px;
    height: 14px;
margin-bottom: -10px;
    background-image:url(images/content-top.png);
}
.content-mid
{
    width: 631px;
    overflow: hidden;
    background-image:url(images/content-mid.png);
    background-repeat: repeat-y;
    min-height: 100px;
    padding-top: 6px;
    padding-left: 15px;
    padding-right: 15px;
    font-family: Verdana, Geneva, sans-serif;
    font-size: 13px;
}
.content-mid1
{
    padding-left: 3px;
    width: 658px;
    overflow: hidden;
    background-image:url(images/content-mid.png);
    background-repeat: repeat-y;
    min-height: 100px;
    font-family: Arial;
    font-size: 12px;
    font-weight: bold;
}
.content-bottom
{
    width: 661px;
    height: 13px;
    background-image:url(images/content-bottom.png);
}

html:

<div class="content-rechts">
<div class="content-rechts-top">Ledenmenu</div>
<div class="content-rechts-mid">
[COLOR= #0000BB]<?php[/COLOR] [URL="http://www.php.net/include"]include[/URL] [COLOR= #DD0000]menu.php[/COLOR][COLOR= #007700];[/COLOR] ?>
</div>
<div class="content-rechts-bottom"></div>
</div>
<div class="content-rechts">
<div class="content-rechts-top">Lorum</div>
<div class="content-rechts-mid">
Lorum ipsum<br />
Lorum ipsum<br />
Lorum ipsum<br />
Lorum ipsum<br />Lorum ipsum<br />
Lorum ipsum<br />
Lorum ipsum<br />
</div>
<div class="content-rechts-bottom"></div>
</div>

Waarschijnlijk is 1 div van die 2 (het menu dat niet goed staat en de "hallo" div) te breed is.. kort 1 wat in of de div die de complete breedte van de layout maakt even groter maken.

Hoe krijg ik dat goed dan ?

Zoals ik al zij, maak 1 div kleiner of maak de omvang div groter..

Maar op andere pagina profiel.php werkt die wel en dat vind ik nou zo raar ?

in de style staat nergens:
content-recht.
dus misschien moet je die ff laten zien. of maken

.content-rechts
{
    width: 272px;
    overflow: hidden;
    float: right;
    margin-top: 15px;
    margin-bottom: 25px;
}
.content-rechts-top
{
    width: 259px;
    height: 31px;
    background-image:url(images/contentright-top.png);
    font-family: Myriad Pro;
    font-size: 16px;
    font-weight: bold;
    padding-top: 10px;
    padding-left: 13px;
}
.content-rechts-mid
{
    width: 262px;
    overflow: hidden;
    background-image:url(images/content-rechts-mid.png);
    background-repeat: repeat-y;
    font-family: Verdana;
    font-size: 12px;
    padding-left: 10px;
}
.content-rechts-bottom
{
    background-image:url(images/content-rechts-bottom.png);
    width: 272px;
    height: 11px;
}

omdat je content-rechts met float:right; heb...je kan beter float: left; gebruiken.

Het probleem is dus in menu denk ik,

als menu goed is dan schuift die content ook omhoog.

Spreek me maar even aan want bij sommige paginas doet hij het wel ik kijk wel weer even

omdat sommige paginas waarschijnlijk langere content-teksten hebben, echt verander die float: right; in left; en dan even je margin aanpassen en dan is het probleem opgelost.

float: right; wordt vrijwel alleen gebruikt om bv een afbeelding rechts van een tekst te plaatsen, om kolommen in je layout te creëren gebruik je alleen maar float:left;