---

Jeg er begyndt at opbygge et site med css istedet for tabeller men jeg kan
ikke løse dette problem.

Mit layout er 3 kollonner på 150, 360 og 260px bredde og de er alle
centreret på midten.

Med <table> gør man bare sådan:

<center>
<table>
<tr>
<td width="150">Kolonne 1</td>
<td width="360">Kolonne 2</td>
<td width="260">Kolonne 3</td>
</tr>
</table>
</center>


Hvordan laver jeg de tre kolonner centreret i css?


/Magnus

---

Hej Magnus!
"Magnus" <magnusFJERN@arnason.dk> skrev i en meddelelse
news:4368c10f$0$78286$157c6196@dreader1.cybercity.dk...
> Jeg er begyndt at opbygge et site med css istedet for tabeller men jeg kan
> ikke løse dette problem.
>
> Mit layout er 3 kollonner på 150, 360 og 260px bredde og de er alle
> centreret på midten.
>
> Med <table> gør man bare sådan:
>
> <center>
> <table>
> <tr>
> <td width="150">Kolonne 1</td>
> <td width="360">Kolonne 2</td>
> <td width="260">Kolonne 3</td>
> </tr>
> </table>
> </center>
>
>
> Hvordan laver jeg de tre kolonner centreret i css?

Jeg ville tilføje dette i min css-fil:

#tabel { /* Denne div centrerer de 3 andre, som placeres inden i denne */
width:770px; /* Jeg ville dog angive en relativ bredde - d.v.s. i % istedet
for px. */
margin-left:auto;
margin-right:auto;
}

#kolonne1 {
float:left;
width:150px;
margin:0px;
}

#kolonne2 {
float:left;
width:360px;
margin:0px;
}

#kolonne3 {
float:left;
width:260px;
margin:0px;
}

I alle 3 div's ville jeg også bruge relative størrelser, da det giver et
fleksibelt design, som automatisk tilpasser sig browservinduets størrelse...

Ovenstående er ikke testet!!

Håber det hjælper dig...?


Med venlig hilsen
--
Dennis Munding
Web-master
http://www.skovaa-munding.dk/, http://www-mundings-memorial.dk/
http://www.cantica.dk/, http://www.eds-denmark.dk/

---

Magnus wrote:
> Jeg er begyndt at opbygge et site med css istedet for tabeller men jeg kan
> ikke løse dette problem.
>
> Mit layout er 3 kollonner på 150, 360 og 260px bredde og de er alle
> centreret på midten.
>
> Med <table> gør man bare sådan:
>
> <center>
> <table>
> <tr>
> <td width="150">Kolonne 1</td>
> <td width="360">Kolonne 2</td>
> <td width="260">Kolonne 3</td>
> </tr>
> </table>
> </center>
>
>
> Hvordan laver jeg de tre kolonner centreret i css?
>
>
> /Magnus
>
>

http://www.webdesign101.dk/w/css/csslayout/eksempler/layout4a.html
er et eksempel på omsætningen af et tabellayout til css.

De absolutte mål sætter du selv på. Centrering foregår ved
at du omklare det hele med en div id="helesiden" og laver en
formdeklartion for dette element:
#helesiden{
width:770px;
margin-left:auto;
margin-right:auto;
}
Undlad nu at sætte bredde på den midterste kolone.

--

Med venlig hilsen

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

---

"Jørgen Farum Jensen" <jfjenzen@yahoo.dk> skrev i en meddelelse
news:4368c98b$0$8859$edfadb0f@dread14.news.tele.dk...
:
> #helesiden{
> width:770px;
> margin-left:auto;
> margin-right:auto;
> }

Og så skal man vidst have text-align: center på body (og text-lign: left på
#helesiden) for at få det til at virke i IE.

/Per

---

per christoffersen wrote:

>>#helesiden{
>>width:770px;
>>margin-left:auto;
>>margin-right:auto;
>>}
>
>
> Og så skal man vidst have text-align: center på body (og text-lign: left på
> #helesiden) for at få det til at virke i IE.
>

Du ville have ret, hvis du havd skrevet IE 5, der ganske
rigtigt *ikke* får margin:auto korrekt, men til gengæld
respekterer den ukorrekte text-align:center på div'en
#helesiden.

Så skal man blot huske at sætte text-align:left på div'en.

Normalt tænker jeg, at jeg godt kan leve med, at de få IE5
brugere der er tilbage får det hele venstrestillet. Det er
jo lidt af en smagssag i det hele taget om en webside der er
samllere end browservinduet tager sig bedst ud centreret
eller venstrestillet.

--

Med venlig hilsen

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

---

"Jørgen Farum Jensen" <jfjenzen@yahoo.dk> skrev i en meddelelse
news:4368de65$0$8830$edfadb0f@dread14.news.tele.dk...
> Normalt tænker jeg, at jeg godt kan leve med, at de få IE5 brugere der er
> tilbage får det hele venstrestillet. Det er jo lidt af en smagssag i det
> hele taget om en webside der er samllere end browservinduet tager sig
> bedst ud centreret eller venstrestillet.

Muligvis nok, men det er jo så nemt at få dem med også.
Min erfaring er, at IE5 anvendelsen er meget forskellig afhængig af
målgruppe. Private er meget godt med, men til corporatebrug kan man faktisk
godt finde store klynger af 5.5.

/Per

---

On 02-11-2005 14:37 Magnus wrote:
> Hvordan laver jeg de tre kolonner centreret i css?

Tag et kig på
http://www.thenoodleincident.com/tutorials/box_lesson/boxes.html

Mikkel

--
"At first just a rustle of canvas
And the gentlest breath on my face
But a galloping line of white horses
Said that soon we were in for a race"
Sting - The Wild Wild Sea

http://www.mzh.dk