Avatar billede doctorking Nybegynder
29. august 2006 - 13:24 Der er 10 kommentarer og
2 løsninger

3 divs som er 100% i bredden

Jeg er igang med at en side som skal bygges op i div'er.

På denne side skal der være 3 div'er som samlet bliver 100% i bredden.

Den 1. skal være 165px, den næste ca. 20% af resten og den sidste ca. 80%...

Hvad pokker gør jeg?
Avatar billede coderdk Praktikant
29. august 2006 - 13:30 #1
<div style="background-color: red; width: 165px; float: left;">hej</div>
<div>
    <div style="background-color: green; width: 20%; float: left;">hej</div>
    <div style="background-color: blue">hej</div>
</div>


?
Avatar billede doctorking Nybegynder
29. august 2006 - 13:33 #2
Tak for svaret... men balladen er faktisk at den div med den faste bredde skal ligge længst til højre /c: Det troede jeg ikke gjorde nogen forskel, men det kan jeg se det gør nu...sorry
Avatar billede coderdk Praktikant
29. august 2006 - 13:39 #3
<div style="background-color: red; width: 165px; float: right;">hej</div>
<div>
    <div style="background-color: green; width: 20%; float: right;">hej</div>
    <div style="background-color: blue">hej</div>
</div>

? :)
Avatar billede krokohunter Nybegynder
29. august 2006 - 13:54 #4
HTML:

<div id="first">First</div>
<div id="second">Second</div>
<div id="third">Third</div>


CSS:


body {
    margin: 0 165px 0 0;
    }
   

#first {
    position: absolute;
    top: 0;
    right: 0;
    background: #ccc;
    width: 165px;
    margin: 0;
    }

#second {
    background: #eee;
    width: 20%;
    position: absolute;
    top: 0;
    right: 165px;
    margin: 0;
    }

#third {
    background: #1e1;
    width: 80%;
    float: left;
    margin: 0;
    }


Håber det forklarer sig selv, ellers må du endelig spørge.

Cheers
Niels
Avatar billede doctorking Nybegynder
29. august 2006 - 13:55 #5
tak igen, problemet er nu at div'en på 20% skal længst til venstre...
Avatar billede krokohunter Nybegynder
29. august 2006 - 14:01 #6
#second {
    background: #eee;
    width: 80%;
    position: absolute;
    top: 0;
    right: 165px;
    margin: 0;
    }

#third {
    background: #1e1;
    width: 20%;
    float: left;
    margin: 0;
    }

Cheers
Niels
Avatar billede coderdk Praktikant
29. august 2006 - 14:03 #7
For lige at tage min egen:

<div style="background-color: red; width: 165px; float: right;">hej</div>
<div>
    <div style="background-color: green; width: 20%; float: left;">hej</div>
    <div style="background-color: blue">hej</div>
</div>

:)
Avatar billede coderdk Praktikant
29. august 2006 - 14:11 #8
(Jeg kan egentlig bedst lide krokohunter's!)
Avatar billede doctorking Nybegynder
29. august 2006 - 14:21 #9
Hej i to
Begge modeller virker, så tak for det. Vil i oprette et svar så i kan dele pointene.
Jeg har dog lige fundet ud af, at det der en smule mere kompliceret end som så, så jeg har oprettet det her: http://www.eksperten.dk/spm/729090
Avatar billede coderdk Praktikant
29. august 2006 - 14:35 #10
Ok, men synes personligt du har sat aaaalt for mange point af (selv 100 er for mange imø)
Avatar billede krokohunter Nybegynder
29. august 2006 - 14:36 #11
Takker og bukker

Cheers
Kroko
Avatar billede doctorking Nybegynder
29. august 2006 - 14:58 #12
jo 200 point er mange, men det hastede også temmeligt meget /c:
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