Avatar billede or.han Nybegynder
27. marts 2005 - 15:52 Der er 25 kommentarer og
1 løsning

Placering af en div som er i en div

Jeg har en stor div, og inde i den er der en mindre end. Jeg vil så have at den lille div skal placere sig i det hjørne som er nederst til højre. Jeg prøvede:
float:right;
vertical-align:bottom;

og

text-align:right;
vertical-align:bottom;

men ingen af dem virkede.. Sååå hvordan kan jeg få det her problem løst??
Avatar billede or.han Nybegynder
27. marts 2005 - 15:53 #1
mindre én*
For lige at bemærke jer om det, så skete der intet da jeg prøvede de to måder...
Avatar billede roenving Novice
27. marts 2005 - 15:54 #2
position:absolute;bottom:0px;right:0px;
Avatar billede or.han Nybegynder
27. marts 2005 - 16:03 #3
Nej, det du skriver får boksen til at være nede i højre hjørne...
Avatar billede roenving Novice
27. marts 2005 - 16:04 #4
Du skal sætte position:relative; på den omkransende div !-)
Avatar billede or.han Nybegynder
27. marts 2005 - 16:10 #5
Okay mange tak!! Men hvorfor skal man det egentlig??
Avatar billede roenving Novice
27. marts 2005 - 16:14 #6
Fordi absolut positionerede elementer skal tage udgangspunkt i nærmest omkransende positionerede element, så hvis du ikke positionerer den omkransende div relativt, vil det være body/documentElement-elementet, som vil være udgangspunktet !-)

Velbekomme '-)
Avatar billede or.han Nybegynder
27. marts 2005 - 16:16 #7
Nåh jo, det er jo logik. Et sidste spørgsmål:
Hvordan får jeg den lille div centreret?? altså lige i midten af den store div??
Avatar billede roenving Novice
27. marts 2005 - 16:19 #8
Horisontalt gøres det med margin:0 auto; ...

-- hvis det skal være på begge leder er det mere irriterende, men hvis du kender dimensionerne, kan du bare placere den absolut !-)

Ellers skal man over i noget, som lgner: http://www.wpdfd.com/editorial/thebox/deadcentre4.html !o]
Avatar billede or.han Nybegynder
27. marts 2005 - 16:22 #9
Ja det skal være fra begge led..
Avatar billede roenving Novice
27. marts 2005 - 16:24 #10
-- og tak for point ;~}
Avatar billede or.han Nybegynder
27. marts 2005 - 17:17 #11
Ey roenving... Kan du lige hjælpe.??
Avatar billede or.han Nybegynder
27. marts 2005 - 17:20 #12
http://home1.stofanet.dk/orhan/ii.html
Den side vises fint nok i FF, men ikke IE. For første gang har jeg haft problemer med at se det korrekt i IE. Men det virkede før jeg tilføjede kommentarer nogle steder...
Avatar billede roenving Novice
27. marts 2005 - 18:21 #13
Prøv at sætte fuldt kvalificeret doctype inklusive dtd-link på !-)

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
    "http://www.w3.org/TR/html4/loose.dtd">
Avatar billede or.han Nybegynder
27. marts 2005 - 19:29 #14
det virker stadig ikke
Avatar billede roenving Novice
27. marts 2005 - 19:31 #15
Tjah, jeg kan jo ikke se det, for du har ikke oploadet det ...
Avatar billede or.han Nybegynder
27. marts 2005 - 19:48 #16
Avatar billede roenving Novice
27. marts 2005 - 19:50 #17
Der er doctypen:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">

-- og ikke:

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
    "http://www.w3.org/TR/html4/loose.dtd">

-- og så går IE i quirksmode ...
Avatar billede or.han Nybegynder
27. marts 2005 - 20:40 #18
Det virker ikke stadig...
Avatar billede roenving Novice
27. marts 2005 - 20:43 #19
Nu har jeg ikke lige downloadet og ændret doctype, så det kan jeg jo ikke se ...
Avatar billede or.han Nybegynder
27. marts 2005 - 20:46 #20
Jeg er ikke hjemme, så jeg kan ikke uploade den. Men jeg kan sige at når jeg kommer:
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
    "http://www.w3.org/TR/html4/loose.dtd">

i stedet for

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">

kan jeg ikke se det ordentlig, både i FF og IE. Men med:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">

kan jeg godt se det i FF og ikke i IE...
Avatar billede roenving Novice
27. marts 2005 - 20:49 #21
Øv, for så må der være en fejl, som jeg ikke har opdaget, i måden, det er lavet på ...
Avatar billede or.han Nybegynder
27. marts 2005 - 20:51 #22
Kan det være noget kommentarerne har gjort?? Inden jeg satte dem på kunne jeg se det i IE og FF...
Avatar billede roenving Novice
27. marts 2005 - 20:53 #23
Selvfølgelig kan du have lavet en uhensigtsmæssighed i kommentarerne, men ikke en, som jeg umiddelbart er blevet opmærksom på ...
Avatar billede or.han Nybegynder
27. marts 2005 - 21:37 #24
Der var et par fejl med kommentarerne, men selvom de blev rettet, er problemet der stadig...
Avatar billede or.han Nybegynder
27. marts 2005 - 21:38 #25
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title>ii</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<style type="text/css">
/* Div'er start */
div#all{
width:720px;
height:520px;
position:absolute;
margin-left:-360px;
top:-260px;
left:50%;
}

div#horizline{
text-align:center;
position:absolute;
top:50%;
left:0px;
width:100%;
height:1px;
overflow:visible;
}

/*---------Holdere------------*/
div.boxes,div.imellem,div#imidten{
margin:0px;
float:left;
position:relative;
}

div.boxes{
width:350px;
height:250px;
}

div.imellem{
width:20px;
height:250px;
}

div#imidten{
width:720px;
height:20px;
}
/*---------Holdere------------*/

/*---------Indhold------------*/
div#menu,div#titel,div#submenu,div#content{
border:4px solid #555;
background-color:#DDD;
position:absolute;
}

div#menu{
width:200px;
height:190px;
right:0px;
bottom:0px;
}

div#titel{
width:350px;
height:70px;
left:0px;
bottom:0px;
}

div#submenu{
width:200px;
height:100px;
right:0px;
top:0px;
}

div#content{
width:350px;
height:250px;
left:0px;
top:0px;
}
/*---------Indhold------------*/
/* Div'er slut */

/* Typografi start */
p{
font-family:verdana, tahoma, sans-serif;
font-size:11px;
color:black;
cursor:default;
text-align:left;
}
/* Typografi slut */

/* Knapper/links start */
.klik{
cursor:pointer;
background-color:gray;
width:180px;
height:20px;
}
/* Knapper/links slut */

body{
margin:0px;
}
</style>
</head>

<body>
<div id="horizline"><div id="all">

<!-- menu -->
<div class="boxes">
    <div id="menu">
    <p>&nbsp;</p>
    </div>
</div>
<!-- menu -->

<div class="imellem">
    <p>&nbsp;</p>
</div>

<!-- titel -->
<div class="boxes">
    <div id="titel">
    <p>&nbsp;</p>
    </div>
</div>
<!-- titel -->

<div id="imidten">
    <p>&nbsp;</p>
</div>

<!-- undermenu -->
<div class="boxes">
    <div id="submenu">
    <p>&nbsp;</p>
    </div>
</div>
<!-- undermenu -->

<div class="imellem">
    <p>&nbsp;</p>
</div>

<!-- indhold -->
<div class="boxes">
    <div id="content">
    <p>&nbsp;</p>
    </div>
</div>
<!-- indhold -->

</div></div>
</body>
</html>

Det er efter jeg har rettet den...
Avatar billede or.han Nybegynder
27. marts 2005 - 21:38 #26
Det hele er også valideret osv...
Avatar billede Ny bruger Nybegynder

Din løsning...

Tilladte BB-code-tags: [b]fed[/b] [i]kursiv[/i] [u]understreget[/u] Web- og emailadresser omdannes automatisk til links. Der sættes "nofollow" på alle links.

Loading billede Opret Preview
Kategori
Vi tilbyder markedets bedste kurser inden for webudvikling

Log ind eller opret profil

Hov!

For at kunne deltage på Computerworld Eksperten skal du være logget ind.

Det er heldigvis nemt at oprette en bruger: Det tager to minutter og du kan vælge at bruge enten e-mail, Facebook eller Google som login.

Du kan også logge ind via nedenstående tjenester

Seneste spørgsmål Seneste aktivitet
I går 10:21 Ny printer, men hvilken Af mort1 i Printere
13/0819:41 USB på Linux Af Uvanga i Linux
12/0818:26 Hvilken type mus Af mort1 i PC
11/0813:21 ms Forms Af leahcim i Andet software
10/0821:30 Blokeret på Snapchat? Af LineP i Chat & Messaging