#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?
Nog een kleine toevoeging, ik heb hier een wat oudere browser (IE 5.0 of 5.5) en de website ziet er hier nog niet helemaal toppie uit....

Zie hier een screenshot:
Klik

Ik dnek dat hier en daar nog een "box model hack" moet toepassen.
Ik heb net Index3 gemaakt volgens jouw opbouw en dan val ik in problemen die ik niet wens.

Dit is mijn eerste CSS en moet je zeggen dat ik aardig tevreden ben met deze eerste opzet :)

Ik ga effies aan de slag met de "" waar ik dat kan oplossen ;0)
Haha, oke is goed... Maar ik zou toch echt kijken naar de content die hier iig nog steeds onder je menu verschijnt.

Voorbeeld 2
Yup en dat is nu net het grote probleem om dit erin te krijgen :)
Wellicht een tip om firefox is te d/l ....

De "" voor de plaatjes kan nu effies nog niet 1-2-3 want dit gaat effies nog niet met de huidige query omdat ik dan teveel nu moet wijzigen.
Is wel netjes op te lossen door eerst het plaatje en dan de tekst te laten zien maar ik heb nu effies andere prioriteiten zoals dit toppic laat zien :-0)
Ik zou niet weten hoe ik die tekst naar boven krijg want bij is dit OK....
lissy schreef op 27.03.2006 14:17
Yup en dat is nu net het grote probleem om dit erin te krijgen :)
Wellicht een tip om firefox is te d/l ....

De "" voor de plaatjes kan nu effies nog niet 1-2-3 want dit gaat effies nog niet met de huidige query omdat ik dan teveel nu moet wijzigen.
Is wel netjes op te lossen door eerst het plaatje en dan de tekst te laten zien maar ik heb nu effies andere prioriteiten zoals dit toppic laat zien :-0)


Op mijn eigen pc heb ik wel FF geinstaleerd ;-), maar ik ben nu niet thuis.

Als het goed is hoef je je query's niet aan te passen voor het invoegen van die qoutes... maar ik denk dat je daar wel uitkomt.

Ik denk dat de reden dat dat plaatje hier zo ver naar onder wordt verplaatst aan de browser ligt. IE 5.0 telt padding en border bij de width op.

Je zult om je website goed weer te geven in IE 5.0 dus gebruik moeten maken van een box-model-hack.

Daarnaast is het voor jou misschien handig om ook de oude IE's te installeren: klik :p
Wat is een box-model-hack?
Is hier info over?

Heb de oude IE is gebookmarked en ik ga dit zeker bekijken :)
CSS hacks zijn hacks waarmee je bepaalde stijlen voor andere browsers kunt verbergen.

Zie ook Google hierover.
Dank je wel en ben aan het lezen geslagen!!
Persoonlijk gebruik ik altijd de hack van Tantek

Reageren