Frågan#1
Hur gör jag för att få en div att överlappa en annan? (Meny på den bifogade bilden.) Klantar bara till det med negativa marginaler och absolut position (som jag antar att man ska använda sig av..
Layout med överlappande sidebar
6 svar · 343 visningar · startad av shun
Hur fixar man dit mellanrum mellan texten i main och menyn då? Testade ändra padding, men menyn går ändå 30px in.
padding-right: 80px;
Om jag vill få en högerkant som anpassar sig (har samma padding på högersidan) antingen efter menyns vänsterkant eller efter mains högerkant (efter att menyn tagit slut). Se bild.
Ett sätt att lösa det:
<style type="text/css">
#content {
width: 200px;
border: solid red;
color: #003399;
font-style: italic;
}
#content h2 {
padding: 0 20px
}
#content p {
padding: 20px;
}
p#meny { /* p:et här är viktigt */
position: relative;
float: right;
width: 40px;
height: 120px;
margin-left: -20px;
left: 30px;
padding: 10px;
background: white;
border: solid red;
}
</style>
...
<div id="content">
<h2>innehåll</h2>
<p id="meny">meny</p>
<p>aa aa aa aa aa aa aa aa aa
aa aa aa aa aa aa aa aa aa
aa aa aa aa aa aa aa aa aa
aa aa aa aa aa aa aa aa aa
aa aa aa aa aa aa aa aa aa
aa aa aa aa aa aa aa aa aa
aa aa aa aa aa aa aa aa aa
aa aa aa aa aa aa aa aa aa</p>
Tack! Den fungerade bra. Vill man lägga till flera "menyer" är det bara att ändra id till klass och lägga till clear:right och en marginal i y-led.