[OPGELOST] Div box plaatsing in CSS file

[Cidhino]

Hallo,

Ik hoop dat ik hier goed zit.

Ik heb een website gemaakt met tables en ben bezig deze om te zetten naar CSS om zo beter in de seo van google te komen en een cleanere html pagina te krijgen.

Het probleem is echter de div box plaatsing. Het idee is om het via bijgaande afbeelding te doen. Kan iemand me hierbij helpen?

Alvast bedankt!

[kweezie wabbit]

Zelf ben geen krak in website bouwen maar misschien kan je hier wat opsteken om je probleem op te lossen.

CSS Tutorial

[stegisoft]

Misschien ken je dit simpel code:

<table width="100%"> 
<tr>
<td>test</td>
</tr>
<tr>
<td>test</td>
<td>test</td>
</tr>
</table>

Zo werkt <div> ook maar <div> heeft de neiging om anders te gedragen.

Structureel kan het wel kloppen maar je moet het bijsturen.

In de zip bestand ziet u 2 code.

De eerste code is van een collega van mij

Hij gebruikte in dit geval position:relatieve.

Ook is de CSS in de pagina

De tweede code is die van mij

Hier wordt geen gebruikt gemaakt van position

Hier wordt gebruikt van aparte CSS

Het is nog niet perfect omdat ik nog geen tijd had gehad om af te werken.

Hier wordt een afbeelding gebruikt aan beiden zijde van de pagina doch die moet mee scrollen met de tekst.

Ik heb hiervoor lang moeten zoeken.

CSS zit bij voorkeur apart als je de nieuwe norm wilt doen.

In beiden gevallen is er rekening mee gehouden met de resolutie van de scherm.

Position moet je zo weinig mogelijk gebruiken wegens de vele scherm resolutie.

div.zip

[leroy]

Mocht ik hierbij een 'dood' topic hebben heropend, tjah... mijn fout dan. Maar er is een mogelijkheid om dit op te lossen.

Als je 2 Div's naast elkaar wilt hebben moet je aan je CSS hetvolgende toevoegen op je linker Div.

float:left;
width:50%;

De breedte kun je natuurlijk zelf aanpassen. Als je nu 3 Div's naast elkaar wilt plaatsen doe je deze handeling gewoon 2 keer.

Je maakt een Div (div1) van 66% breedt en een left float.

IN deze div zet je nog 2 Div's 1 div met float left en een breedte van 50%.

Je andere div zet je op: "position:absolute"

Nu heb je Divjes gemaakt div 1 en 2 .

Nu zet je BUITEN div1 een losse Div met "postion: absolute"

Of het nou absolute is of relative of iets anders weet ik niet 100%, zou je even mee moeten spelen.

Mocht je willen dat ik zelf even probeer om jouw layout te maken, moet je het maar even zeggen, dan zal ik thuis eens even ermee spelen en uittesten.

Groeten,

Leroy

[Cidhino]

Bedankt Leroy,

Ik ben er al een tijdje uit. Maar dit was inderdaad de oplossing.

Mvg Cid.

[kweezie wabbit]

Dan sluiten we deze af.