#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....
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...
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!
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?