---

Jeg har 2 div's inde i en div... dvs 2 bokse inden i 1 boks..

jeg kan ikke finde ud af hvilken positionering jeg skal bruge for at få de
her 2 bokse til at være ved siden af hinanden.. har prøvet med position:
absolute; men så udvider den boks, de 2 bokse er indeni, sig ikke efter
dem... hvad gør jeg?

håber i forstår hvad jeg mener..


mvh

Foxy_Lady

---

"Foxy_Lady" <khansen84@hotmail.com> writes:

> Jeg har 2 div's inde i en div... dvs 2 bokse inden i 1 boks..
>
> jeg kan ikke finde ud af hvilken positionering jeg skal bruge for at få de
> her 2 bokse til at være ved siden af hinanden.. har prøvet med position:
> absolute; men så udvider den boks, de 2 bokse er indeni, sig ikke efter
> dem... hvad gør jeg?

Ved siden af hinanden ... så tror jeg det bedste gæt er at float'e dem begge
to til en side, og tilføje en tredje bagefter med clear:<retning>;

Noget i stil med:
<div style="width:200px">
<div style="float:left;width:100px;">...</div>
<div style="float:left;width:100px;">...</div>
<div style="clear:left"></div>
</div>

/L
--
Lasse Reichstein Nielsen - lrn@brics.dk
Ph.D. i datalogi søger stilling som software-udvikler i Øst- eller
Nordjylland. Curriculum Vitae: <URL:http://www.brics.dk/~lrn/cv.html>

---

Når jeg bruger float, stiller boksene sig bare under hinanden... ved ikke om
du forstod det rigtigt, men de 2 første bokse er indeni den tredje..

>
> Ved siden af hinanden ... så tror jeg det bedste gæt er at float'e dem
begge
> to til en side, og tilføje en tredje bagefter med clear:<retning>;
>
> Noget i stil med:
> <div style="width:200px">
> <div style="float:left;width:100px;">...</div>
> <div style="float:left;width:100px;">...</div>
> <div style="clear:left"></div>
> </div>
>
> /L
> --
> Lasse Reichstein Nielsen - lrn@brics.dk
> Ph.D. i datalogi søger stilling som software-udvikler i Øst- eller
> Nordjylland. Curriculum Vitae: <URL:http://www.brics.dk/~lrn/cv.html>

---

"Foxy_Lady" <khansen84@hotmail.com> writes:

> Når jeg bruger float, stiller boksene sig bare under hinanden... ved ikke om
> du forstod det rigtigt, men de 2 første bokse er indeni den tredje..

Det er fordi der ikke er plads nok i den yderste. Hvis der ikke er plads
til det andet floatende element ved siden af, så flyder det neden under i
stedet for. Det er ikke så nemt at styre floats. Hvis du kender højden
på div'erne, så kunne du bruge position absolute og sætte en højde på
den yderste også, ellers bliver det noget sværere.

/L
--
Lasse Reichstein Nielsen - lrn@brics.dk
Ph.D. i datalogi søger stilling som software-udvikler i Øst- eller
Nordjylland. Curriculum Vitae: <URL:http://www.brics.dk/~lrn/cv.html>

---

>
> Det er fordi der ikke er plads nok i den yderste. Hvis der ikke er plads
> til det andet floatende element ved siden af, så flyder det neden under i
> stedet for. Det er ikke så nemt at styre floats. Hvis du kender højden
> på div'erne, så kunne du bruge position absolute og sætte en højde på
> den yderste også, ellers bliver det noget sværere.

Mange tak Lasse :) det virkede :)

---

"Foxy_Lady" <khansen84@hotmail.com> wrote:

>Når jeg bruger float, stiller boksene sig bare under hinanden... ved ikke om
>du forstod det rigtigt, men de 2 første bokse er indeni den tredje..

Hvis du gad at citere det du svarer på, og svare nedenunder det, så
ville du nok have opdaget at det er det Lars skriver:

>> <div style="width:200px">
>> <div style="float:left;width:100px;">...</div>
>> <div style="float:left;width:100px;">...</div>
>> <div style="clear:left"></div>
>> </div>

Har du en width på den yderste div?
Det skal der være, float flytter sig under, hvis der ikke er plads.
--
med venlig hilsen
Leonard - http://leonard.dk/

---

> >Når jeg bruger float, stiller boksene sig bare under hinanden... ved ikke
om
> >du forstod det rigtigt, men de 2 første bokse er indeni den tredje..
>
> Hvis du gad at citere det du svarer på, og svare nedenunder det, så
> ville du nok have opdaget at det er det Lars skriver:

Det har jeg lissom opdaget, men det virkede ikke.. måske som Lasse senere
skriver er det fordi der ikke er plads nok i den yderste boks..

> >> <div style="width:200px">
> >> <div style="float:left;width:100px;">...</div>
> >> <div style="float:left;width:100px;">...</div>
> >> <div style="clear:left"></div>
> >> </div>
>
> Har du en width på den yderste div?

ja

> Det skal der være, float flytter sig under, hvis der ikke er plads.

---

Davs du
Foxy_Lady <khansen84@hotmail.com> skrev bla:
> Når jeg bruger float, stiller boksene sig bare under hinanden... ved
> ikke om du forstod det rigtigt, men de 2 første bokse er indeni den
> tredje..
Prøv denne :


<html>
<head>
<style type="text/css">
body {
text-align:center;
}
#frame {
width:750px;
margin-right:auto;
margin-left:auto;
margin-top:30px;
padding:0px;
text-align:left;
}
#venstre {
width:120px;
height:400px;
padding:0px;
float:left;
background-color : yellow;
}
#hojre {
width:630px;
height:400px;
padding:0px;
float:left;
background-color : blue;
background-position : top;
}
</style>
</head>
<body>
<div id="frame">
<div id="venstre">
<p> DINE LINKS</p>
</div>
<div id="hojre">
<p>indhold indhold indhold indholdindhold indhold indhold indholdindhold
indhold indhold indholdindhold indhold indhold indhold</p>
</div>
</div>
</body>
</html>

--
Mvh. John
www.johns-web.dk / www.jp-web.dk
www.web-templates.dk
Teamwork sharpening the skills!!

---

"Lasse Reichstein Nielsen" <lrn@hotpop.com> skrev
> "Foxy_Lady" <khansen84@hotmail.com> writes:
>
> > Jeg har 2 div's inde i en div... dvs 2 bokse inden i 1 boks..

[Snip]

> Noget i stil med:
> <div style="width:200px">
> <div style="float:left;width:100px;">...</div>
> <div style="float:left;width:100px;">...</div>
> <div style="clear:left"></div>
> </div>

I sådan en situation kan det være en fordel at sætte den højre div før den
venstre. Det nedsætter risikoen for, at den højre smutter ned under den
venstre.

--
Med venlig hilsen
Erik Ginnerskov - erik snabela ginnerskov dot dk
http://www.hjemmesideskolen.dk - http://www.html-faq.dk
http://hjem.get2net.dk/sorgin