Placering af div under hinanden..

Du kan benytte den style der hedder clear:right eller clear:both.

<div style="clear:right">første div</div><div>andet div</div>

Div1: (Der skal være 2 div ved siden af hinanden)

<div style=\"clear:both; float: left; margin: 5px; padding: 5px; width: 300px; height: 125px; background-color: #CC99FF; border-color: #000000; border-style: double; border-width: 2px;\">

Div2: (Den her skal gå ned og starte under de ovenpå værende DIV

<div style=\"clear:both; margin: 5px; padding: 5px; width: 300px; height: 100px; background-color: #CC99FF; border-color: #000000; border-style: double; border-width: 2px;\">

Normalt vil divs komme under hinanden, så du må have sat float på, det fjerner du bare !-)

<div style=\"margin: 5px; padding: 5px; width: 300px; height: 125px; background-color: #CC99FF; border: 2px #000 double 2px;\">

<div style=\"margin: 5px; padding: 5px; width: 300px; height: 100px; background-color: #CC99FF; border: 2px #000000 double;\">

-- hov jeg fik ikke fjernet gengangeren (2px) i den første !-)

<div style=\"margin: 5px; padding: 5px; width: 300px; height: 125px; background-color: #c9f; border: 2px #000 double;\">

<div style=\"margin: 5px; padding: 5px; width: 300px; height: 100px; background-color: #c9f; border: 2px #000 double;\">

Argg..... det jo fordi jeg har brugt float.....


Smid nogle svar.... ;)

Hvordan placere jeg en div som center på siden?

Det må være således:

<div style="margin: 0 auto">indhold</div>

Husk at den skal have en defineret bredde !-)

<div style="width:300px;margin: 0 auto">indhold</div>

-- og hvis det også skal være vertikalt, skal du over i det, du kan finde her: http://www.wpdfd.com/editorial/thebox/deadcentre4.html ...

Hey! Neat!

...altså det der deadcentre-link, men man skal vel ud i noget scripting(?) for at få det til at spille med variabel størrelse kasser (på den anden side vil det nok blive en lidt træls side at surfe rundt på :)).

-- ja, man skal bruge noget scripting til at aflæse højden og benytte sig af det negative margin-trick !-)

Smider i osse nogle svar ;)

Det er vist roenving's point :)

Velbekomme '-)

Thanks

-- og jeg takker for point ;~}