http://wp-danmark.dk/forum/topic/hvordan-placeres-2-div-oven-pa-hinanden WordPress DK Forum Topic: Hvordan placeres 2 div oven på hinanden? da-DK Wed, 05 Aug 2026 11:53:20 +0000 http://bbpress.org/?v=1.0.1 q http://wp-danmark.dk/forum/search.php http://wp-danmark.dk/forum/topic/hvordan-placeres-2-div-oven-pa-hinanden#post-25395 tirs, 22 mar 2011 17:05:57 +0000 exido 25395@http://wp-danmark.dk/forum/ <p>Hmm... Det ser ud til at de begge skal sættes til position:relative;<br /> Lidt mystisk men JUBII ;)</p> <p>btw.. Smider lige et link ind når siden er færdig. </p> http://wp-danmark.dk/forum/topic/hvordan-placeres-2-div-oven-pa-hinanden#post-25394 tirs, 22 mar 2011 17:04:05 +0000 John 25394@http://wp-danmark.dk/forum/ <p>Som Steffen siger skal de positioneres med absolute begge, og z-index hvor den der har det laveste tal ligger øverst. </p> http://wp-danmark.dk/forum/topic/hvordan-placeres-2-div-oven-pa-hinanden#post-25393 tirs, 22 mar 2011 16:56:28 +0000 stffn 25393@http://wp-danmark.dk/forum/ <p>Skal de ikke bare have <code>position:absolute;</code> begge to? </p> http://wp-danmark.dk/forum/topic/hvordan-placeres-2-div-oven-pa-hinanden#post-25392 tirs, 22 mar 2011 16:50:53 +0000 exido 25392@http://wp-danmark.dk/forum/ <p>Tak for svaret John. </p> <p>Beklager at I skal til at copy/paste koden, men den befinder sig på en lokal test server (wamp).<br /> Problemet er opstået i forbindelse med et wordpress tamplate jeg er ved at lave til kæresten. Er godt klar over hvordan jeg skal skrue resten sammen, men kan ikke komme videre inden jeg har fået styr på placeringen. </p> http://wp-danmark.dk/forum/topic/hvordan-placeres-2-div-oven-pa-hinanden#post-25391 tirs, 22 mar 2011 16:44:37 +0000 John 25391@http://wp-danmark.dk/forum/ <p>Bortset fra at spørgsmålet ikke har så meget med Wordpress at gøre vil det altid være smartest at vise et link til problemet fremfor at man skal sidde og copy paste din kode. </p> http://wp-danmark.dk/forum/topic/hvordan-placeres-2-div-oven-pa-hinanden#post-25390 tirs, 22 mar 2011 16:10:21 +0000 exido 25390@http://wp-danmark.dk/forum/ <p>Hej Alle </p> <p>Jeg har igennem nogen dage kæmpet med et problem, men må give op og bede om hjælp.</p> <p>Problemet er at jeg ikke kan placere container (div's).</p> <p>De Begge container skal placeres på midten af siden og div2 skal ligge over div1 med an afstand på 210px fra top.</p> <p>Koden jeg har rodet med kan ses her:<br /> <strong>HTML</strong>:<code><br /> &lt;!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"&gt;<br /> &lt;html xmlns="http://www.w3.org/1999/xhtml"&gt;<br /> &lt;head&gt;<br /> &lt;meta http-equiv="Content-Type" content="text/html; charset=utf-8" /&gt;<br /> &lt;title&gt;Untitled Document&lt;/title&gt;<br /> &lt;link rel="stylesheet" type="text/css" href="style.css" /&gt;<br /> &lt;/head&gt;</p> <p>&lt;body id="BG"&gt;</p> <p> &lt;div id="div1"&gt;<br /> &lt;div id="div2"&gt;</p> <p> &lt;/div&gt;<br /> &lt;/div&gt;</p> <p>&lt;/body&gt;<br /> &lt;/html&gt;</code></p> <p><strong>CSS:</strong> <code>body {<br /> background-color:#333;<br /> }</p> <p>#div1 {<br /> width: 600px; position:relative; margin:0px auto; background-color:#F00;<br /> height:500px;<br /> z-index:1;<br /> }<br /> #div2 {<br /> width:400px; position:absolute; margin:0px auto; background-color:#999;<br /> height:300px;<br /> z-index: 10;<br /> }</code></p> <p>Er der nogen af jer der kan se hvad jeg gør galt? </p> <p>På forhånd tak for hjælpen ;) </p>