2 svar · 249 visningar · startad av Picklezz
Hur får man två <div> att hamna på samma höjd?
vill liksom ha två div bredvid varandra och båda skall ha toppen vid samma höjd så att säga...
<div style="float: left; width: 50%; background-color: #f00">Röd bakgrund</div>
<div style="background-color: #00f">Blå bakgrund</div>
Inte så svårt, kolla om detta passar!
<HTML>
<HEAD>
<style type="text/css">
<!-- #Position1
{background-color:red; position:absolute; top:50pt;
left:50pt; width: 300px; height: 300px;}
#Position2
{background-color:blue; position:absolute; top:50pt;
left:300pt; width: 300px; height: 300px; }
-->
</style>
</HEAD>
<BODY BGCOLOR=GREEN>
<div id=Position1>
Röd bakgrund
</div>
<div id=Position2>
Blå bakgrund
</div>
</BODY>
</HTML>
Det går även bra med procent, enligt koden nedan, byt bara ut i css:en o testa.
Gissar att procentexemplet visas bättre i olika upplösningar också!
#Position1
{background-color:red; position:absolute; top:5%;
left:10%; width:35%; height:80%;}
#Position2
{background-color:blue; position:absolute; top:5%;
left:45%; width:35%; height:80%;}