#menu {
float: left;
width: 125px;
/* De volgorde is, top, right, bottom, left. */
margin: 20px 20px 80px 5px;
}

Dit is de code voor het divje van het menu.
Nu gebeurt er het volgende dat wanneer het menu ophoudt de tekst van het divje content gaat floaten en dus over de gehele pagina gaat.
Het uitleggen gaat wat moeilijk dus kijk maar : HIER

De code voor algemeen en het divje container zijn deze:

* {
margin: 0px;
padding: 0px;
}

#container {
margin: 0px auto;
/* margin, padding en border worden meestal bij de breedte opgeteld,
dus als je 100% breedte doet + een border, heb je dus 100% + border brede side..*/
width: 998px;
overflow-x: hidden;
overflow-y: auto;
background: url(../images-algemeen/bg_content.jpg) center top repeat-y;
}

Ik heb al geprobeerd om <br class="clear"> na het divje menu neer te zetten maar toen ging de content van de rechterkant alleen helemaal naar beneden naar het eind van het menu om daar te beginnen en dat was natuurlijk prima want dat doet deze commando ook maar ja dus niet wat ik wens....

Wie heeft hulp en of raad?
ik zie in IE eigenlijk niks verkeerds.

edit:
of ik snap niet wat je bedoeld.
ik zie het wel... :)

ik denk dat hij bedoelt dat het menu boven de inhoud staat, als je goed kijkt...

denk een kwestie van je tabellen goed uitlijnen

want als ze wel naast elkaar zouden staan zou het menu over de tekst/ plaatje komen...
je kan het beste denk met <tabel> werken en daarin je <div> verwerken...
Burrug schreef op 24.03.2006 09:24
ik zie het wel... :)

ik denk dat hij bedoelt dat het menu boven de inhoud staat, als je goed kijkt...

denk een kwestie van je tabellen goed uitlijnen

want als ze wel naast elkaar zouden staan zou het menu over de tekst/ plaatje komen...
je kan het beste denk met <tabel> werken en daarin je <div> verwerken...


De div's zijn juist ter vervanging van tabellen... Div's in een tabel is dus dubbel op!

Ik denk dat je plaatje: <img src="../images-algemeen/head1.jpg" alt="plusbeaus bearded collies" border="0"> te breed is om naast menu in de content-div te passen, daarom zet hij hem eronder.

Trouwens nog een klein dingetje, tags als <center></center> Zijn ook not-done...

dan is de div voor de paginainhoud te breed...
je moet ze op elkaar afstemmen om ze goed naast elkaar te krijgen
want je plaatje lijkt me niet te breed zo te zien
BEDANKT allemaal alleen lost jullie hlp nog niets op!
De head image is niet te breed :)

Het probleem is dat wanneer de tekst van de content langer is als de tekst van het menu de tekst van de content over de gehele pagina wordt verdeeld.
Mijn wens is dat de div van het menu dan gewoon meeloopt al staat er geen tekst!
Gert-Jan schreef op 24.03.2006 10:49

Trouwens nog een klein dingetje, tags als <center></center> Zijn ook not-done...


in css gebruik je dan: text-align: center/middle; weet het niet eens precies :(
En als je de content (je spreekt van content maar de div heet container?) div eens een negatieve margin-top geeft, gelijk aan de grootte van de menu div (die je ook een vaste hoogte zou kunnen geven)? Of #container eens een float left meegeeft?
@ Kasper : ik ga dit proberen :)
Bedankt!

@ Erik : het is center en ook al geprobeerd.
Bedankt!
Hmm..ik las net heel vluchtig de broncode van je site door, maar ik meen dat de opbouw van je css verkeerd is.

Jij hebt ongeveer zoiets:

<container>
<header>
<content>
<wrapper>
<menu>menulijst</menu
hier wat tekst en plaatjes etc.
...

Ik denk dat je (schematisch gezien) ongeveer zoiets zou moeten doen (van de wrapper ben ik niet zeker):

<container>
<header><header>
<wrapper>
<menu>menulijst</menu>
<content>content</content>
</wrapper>
</container>


Op die manier werkt de float wel waarschijnlijk.
Helder ga ik proberen :)

Reageren