#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....
Bedankt voor het delen en wederom ga ik dit bestuderen en ook proberen toe te passen!!
@ Gert-Jan :
Ik heb dit in het CSS staan:
#content {
background: url(../images-algemeen/bg_content.jpg) center top repeat-y;
width: 850px;
}
en heb daaronder nu dus neergezet dit:
#content {
width:850px;
voice-family: "\"}\"";
voice-family:inherit;
width:850px;
Dit zou dan de bedoeling zijn als ik alles goed begrijp?
Net gedaan en weer terug gezet want dan ben ik van de regen in de drup want dan staat alles (dus de tekst en plaatjes van de div content onder het menu i.p.v. rechts ernaast.
Wellicht doe ik wat fout maar weet alleen niet wat.
Het probleem zit hem volgens mij nog steeds in de breedte van je onderdelen.
Je hebt container met een width van 998px
Daarin staat wrapper, deze heeft een margin-right van 80px
Er blijft dus voor menu en content 998 - 80 = 918px over.
Dan heb je menu, die een breedte heeft van 125px en een totale linker en rechtermargin van 25px (20 + 5). Menu neemt dus 150px breedte in beslag.
Je hebt content een breedte gegeven (en geen float left!) van 850px.
Sommetje:
menu + content + margin wrapper =
150 + 850 + 80 = 1080. dit is dus 82px te breed!
Als je dus aan #content een float: left; en width: 768px; meegeeft zou alles goed op zijn plaats moeten vallen denk ik.
Het zou kunnen door borders of iets dergelijks dat je 1 pixeltje te kort komt, dus neem om te testen even width: 760px. Dan weet je het zeker.
