Avatar billede plazm Nybegynder
10. april 2005 - 22:37 Der er 9 kommentarer og
1 løsning

3 divs ved siden af hinaden

Hej

Jeg har et problem.
Jeg har 3 divs som skal placeres ved siden af hinaden og problemmet er at jeg ikk bare kan sætte position til absolute og bruge left og top da siden bliver centreret.

Hvordan gør jeg dette ?

http://plazm.1go.dk/div/
Avatar billede plazm Nybegynder
10. april 2005 - 22:41 #2
netop ikke nej, hvis du ser på siden nu kan du se resultatet
Avatar billede hyberpreprocessor Nybegynder
10. april 2005 - 22:47 #3
Kan ikke se problemet ?
Avatar billede hyberpreprocessor Nybegynder
10. april 2005 - 22:48 #4
Noodles side bliver også centeret.

Men ellers er tables også en fin løsning , w3c anbefaler tables til kolonne opdeleing.
Avatar billede olebole Juniormester
10. april 2005 - 23:10 #5
<ole>

For det første vil jeg absolut også anbefale at bruge en tabel til kollonne opdeling - men derudover kan du sagtens bruge 'position:absolute'. Det handler bare om at forstå CSS-positionering ('positionering' ... ikke 'placering', som er noget andet).

Et absolut positioneret element vil placere sig i forhold til det første omkransende element, der er positioneret ... absolut eller relativt er ligegyldigt. Findes et sådant ikke, vil det placere sig i forhold til body-elementet.

Det handler således bare om at centrere et relativt positioneret div - så kan du bruge position absolute på børn af dette div og placere dem med 'left':

<div style="position:relative;width:306px;height:500px;margin:0px auto">
    <div style="width:100px;height:100%;border:1px solid red">Venstre</div>
    <div style="position:absolute;left:102px;top:0px;width:100px;height:100%;border:1px solid red">Midt</div>
    <div style="position:absolute;left:204px;top:0px;width:100px;height:100%;border:1px solid red">Højre</div>
</div>

/mvh
</bole>
Avatar billede plazm Nybegynder
10. april 2005 - 23:19 #6
takker ole bole...
smid et svar
Avatar billede olebole Juniormester
10. april 2005 - 23:34 #7
Jamen, så grib, da  :)
Avatar billede plazm Nybegynder
10. april 2005 - 23:34 #8
grebet ;)
Avatar billede olebole Juniormester
10. april 2005 - 23:36 #9
- takker  ;o)
Avatar billede roenving Novice
11. april 2005 - 00:53 #10
-- en anden indgangsvinkel er at bruge floats:

<div style="position:relative;width:306px;height:500px;margin:0px auto">
    <div style="float:left;height:100%;border:1px solid red">Venstre</div>
    <div style="float:left;top:0px;width:100px;height:100%;border:1px solid red">Midt</div>
    <div style="float:left;top:0px;width:100px;height:100%;border:1px solid red">Højre</div>
</div>
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 dag 10:21 Ny printer, men hvilken Af mort1 i Printere
I går 19: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