/ Forside / Teknologi / Udvikling / HTML / Nyhedsindlæg
Login
Glemt dit kodeord?
Brugernavn

Kodeord


Reklame
Top 10 brugere
HTML
#NavnPoint
molokyle 11184
Klaudi 5506
bentjuul 3377
severino 2040
smorch 1950
strarup 1525
natmaden 1396
scootergr.. 1320
e.c 1150
10  miritdk 1110
3 kolonner i med border
Fra : Keld Jakobsen


Dato : 14-07-10 21:37

jeg har et meget simpelt layout

<div class="wrapper" style="border:solid 1px #000000">
<div class="left"></div>
<div class="main"></div>
<div class="right"></div>
</div>

css ser ud som følger

..wrapper
{
width:920px;
margin:0px auto;
padding:0px;

}

..left
{
width:200px;
padding:5px;
clear:none;
float:left;
display:block;
}

..main
{
width:500px;
padding:5px;
clear:none;
float:left;
display:block;
}

..right
{
width:190px;
padding:5px;
clear:none;
float:right;
display:block;
}

hvorfor vises de 3 kolonner ikke inden i wrapper divs border ?

--
Vil du lære at kode HTML, XHTML, CSS, SSI, ASP eller ASP.NET?
- Pædagogiske tutorials på dansk
- Kom godt i gang med koderne
KLIK HER! => http://www.html.dk/tutorials

 
 
Allan Vebel (14-07-2010)
Kommentar
Fra : Allan Vebel


Dato : 14-07-10 21:41

Keld Jakobsen skrev:

> jeg har et meget simpelt layout

Har du et link til siden? Det er meget nemmere
end at skulle genskabe dit problem på egen
harddisk.

--
Allan Vebel
http://vebel.dk | http://html-faq.dk
http://webdesigngruppen.dk



Keld Jakobsen (14-07-2010)
Kommentar
Fra : Keld Jakobsen


Dato : 14-07-10 21:47

Du kan evt. kigge på http://www.ungifmk.dk/test.html

Allan Vebel wrote in dk.edb.internet.webdesign.html:
> Keld Jakobsen skrev:
>
> > jeg har et meget simpelt layout
>
> Har du et link til siden? Det er meget nemmere
> end at skulle genskabe dit problem på egen
> harddisk.
>
> --
> Allan Vebel
> http://vebel.dk http://html-faq.dk
> http://webdesigngruppen.dk
>
>


--
Vil du lære at kode HTML, XHTML, CSS, SSI, ASP eller ASP.NET?
- Pædagogiske tutorials på dansk
- Kom godt i gang med koderne
KLIK HER! => http://www.html.dk/tutorials

Birger Sørensen (14-07-2010)
Kommentar
Fra : Birger Sørensen


Dato : 14-07-10 23:07

Keld Jakobsen har bragt dette til os:
> jeg har et meget simpelt layout
8X
> hvorfor vises de 3 kolonner ikke inden i wrapper divs border ?

Efter floatede elementer skal cleares.
..clr { clear : both; }
og så indsætter du efter de floatede elementer
<div class="clr"></div>
og vupti...
Det er ofte en god ide, også at sætte teksthøjden til nul, i elementet
der clearer.

Birger

--
http://varmeretter.dk - billig, sund og hurtig mad
http://bbsorensen.dk



Kerim Ellentoft (14-07-2010)
Kommentar
Fra : Kerim Ellentoft


Dato : 14-07-10 23:12

Keld Jakobsen <keld@62625658.dk> skrev :

>hvorfor vises de 3 kolonner ikke inden i wrapper divs border ?

Fordi, du ikke har angivet nogen height på <div>.
--
Kerim
http://www.facebook.com/Khilafah.nu.Kerim.Ellentoft

Jørgen Farum Jensen (15-07-2010)
Kommentar
Fra : Jørgen Farum Jensen


Dato : 15-07-10 19:06

Keld Jakobsen skrev:

> hvorfor vises de 3 kolonner ikke inden i wrapper divs border ?
>
Fordi de tre kolonner ikke udvider wrapperen.
Det skal de heller ikke. Forklaring og løsning
i artiklen:
http://webdesign101.dk/css/floatcontainer.php

--
Jørgen Farum Jensen
http://webdesign101.dk
..

Søg
Reklame
Statistik
Spørgsmål : 177580
Tips : 31968
Nyheder : 719565
Indlæg : 6409079
Brugere : 218888

Månedens bedste
Årets bedste
Sidste års bedste