Søg
Avatar billede mrbs Nybegynder
18. december 2005 - 17:11 Der er 9 kommentarer og
2 løsninger

div positionering skal udvide ramme

Jeg har en hoved-div som centrerer hele indholdet.
Den er relativt positioneret.

I den skal to div'er pladseres som to uafhængige spalter ved siden af hinanden.

Hvordan pladseres de, så de ligger side om side, og så hoved-div'en (som også danner rammen omkring) udvider sig efter deres størrelse?
Avatar billede webrex Nybegynder
18. december 2005 - 18:19 #1
Hvis du sætter height og width til auto (height: auto; osv.) så udvides div'en efter indholdet.
Avatar billede mrbs Nybegynder
18. december 2005 - 21:18 #2
hvordan skal de positioneres?
Avatar billede webrex Nybegynder
18. december 2005 - 21:20 #3
Lad dem evt. floate left. Men prøv at uddyb dit problem.
Avatar billede mrbs Nybegynder
18. december 2005 - 21:26 #4
Ja, jeg har lige surfet lidt på nettet, og fandt ud af at det var floating.

Det er bare perfekt!

Smid et svar - det var jo det jeg skulle ;)
Avatar billede mrbs Nybegynder
18. december 2005 - 21:27 #5
Ups ... det løser ikke problemet helt... Skriver lige en post mere hvor jeg uddyber
Avatar billede mrbs Nybegynder
18. december 2005 - 21:34 #6
Her får du lige koden, så kan du evt. selv se hvad problemet er...

<!DOCTYPE html
    PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http/www.w3.org/1999/xhtml">
<head>
    <title>UA2</title>
    <link rel="stylesheet" type="text/css" href="style.css" />
</head>

<body>

    <div id="Ymer">
       
    <div id="staticTop">
staticTop
    </div>

    <div id="mainShowcase">
mainShowcase<br />
line 2<br />
line 3
    </div>

    <div id="leftColumn">
leftColumn<br />
line 2
    </div>

<div id="bottomLine"></div>


    </div>

</body>

</html>


CSS:

/* Statiske */

body{
margin:10px;
padding:0px;
background-color:#415e85;
}

#Ymer{
position:relative;
margin:0 auto;
width:870px;
background-color:#ffffff;
padding:5px;
z-index:1;
border-style:solid;
border-width:1px;
border-color:#232323;
}

#staticTop{
position:relative;
width:870px;
height:50px;
background-color:green;
padding:0px;
z-index:5;
}

#leftColumn{
position:relative;
width:180px;
margin-top:10px;
background-color:red;
z-index:10;
}

#mainShowcase{
position:relative;
width:680px;
float:right;
margin-top:10px;
left:0px;
background-color:blue;
z-index:15;
}

#bottomLine{
position:relative;
}
Avatar billede roenving Novice
19. december 2005 - 04:58 #7
Du kan ikke lave en css-centrering, hvis der ikke er en fast bredde !-)
Avatar billede mrbs Nybegynder
19. december 2005 - 09:20 #8
Hvilken centrering snakker vi om?

Det er #ymer der skal centreres, og den har fået en bredde og er centreret - det er ikke problemet. Jeg har fået det til at virke ved at lave en div med clear:both; i bunden - det trækker hele #ymer-rammen ned og løser dermed problemet...

webrex > vil du svare, så deler vi i porten!
Avatar billede webrex Nybegynder
19. december 2005 - 10:08 #9
Hvis du kunne bruge min beskedne kommentar, da er det kun godt! ;)
Avatar billede mrbs Nybegynder
19. december 2005 - 10:10 #10
Under alle omstændigheder var det rigtigt ;)

Mads
Avatar billede webrex Nybegynder
19. december 2005 - 10:28 #11
- og tak for point ;)
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
Webudvikling kurser
Vi tilbyder markedets bedste kurser inden for webudvikling
Se alle Webudvikling kurser

Flere spørgsmål fra HTML kategorien

Titel Indlæg Oprettet Seneste aktivitet
Hjælp med HTML og CSS Af Nojsa i HTML 18 10/09/202515:07 17/09/202515:11
CSS 2 x firkanter + tekst på samme linje Af nemlig i HTML 3 19/03/202522:16 20/03/202513:04
Se og ændre html på en webside Af magger i HTML 4 11/03/202513:55 12/03/202506:56
Få input felt, der er med fed skrift og formatteres på linje Af KurtG i HTML 5 02/03/202520:05 04/03/202515:40
Variabler som ikke virker Af Frits Jensen i HTML 3 30/10/202409:37 01/01/202515:27
Se alle spørgsmål i kategorien Opret spørgsmål

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.

Opret Log ind

Du kan også logge ind via nedenstående tjenester

Alle kategorier på Eksperten
Seneste spørgsmål Seneste aktivitet
02/0814:53 TV4ever 3.0 Af valby i Diverse
01/0816:21 Installere Ubuntu på Virtuel Maskine Af Uvanga i Andet software
01/0809:38 Microsoft har igen ødelagt mit højreklik Af valby i Windows
30/0714:41 To mails fra YouSee - Jeg tror ikke altid på tilfældigheder Af mort1 i Andet sikkerhed
27/0714:34 Hjælp til at kunne skanne negativer på Plustek 8300i SE Af Mariann i Foto & video
White papers
Flere white papers »