---

Hej.

Jeg har en skal til et design, som på tabel-form ser således ud:

<table style="width:100%">
<tr>
<td style="width:auto;">.</td>
<td style="width:700px"><img src="haps.gif" width="700"
alt="INDHOLD"></td>
<td style="width:auto;">.</td>
</tr>
</table>

Det vil jeg selvfølgelig gerne have til at virke med <div>'s og
CSS.

Jeg har altså en centreret hovedboks til indholdet med en fast
pixelbredde. På hver side skal der være to bokse som fylder helt
ud til siderne (alt efter browser vinduets bredde). De to bokse i
siderne skal altså være præcis lige store, men har ingen minimum
eller maximums bredde.

Alle tre områder har i øvrigt fast pixelhøjde.

Jeg har prøvet alt muligt efter at have læst om boksmodellen i
tutorial'en på html.dk, men det synes ikke at fungere.
Jeg er løbet tør for idéer.

Nogen der vil give mig et hint - det må i hvert fald kunne lade
sig gøre.

På forhånd mange tak,
Micki Pedersen

--
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

---

Micki Pedersen skrev:

> Jeg har prøvet alt muligt efter at have læst om boksmodellen i
> tutorial'en på html.dk, men det synes ikke at fungere.
> Jeg er løbet tør for idéer.
>
> Nogen der vil give mig et hint - det må i hvert fald kunne lade
> sig gøre.
>
> På forhånd mange tak,
> Micki Pedersen
>
<div id="wrapper">
<div id="leftcol">
....
</div>
<div id="midtcol">
....
</div>
<div id="rightcol">
....
</div>
</div>

#midtcol {
width:700px;
margin: 0 auto;
background-color:blue;
height:500px;
}
#leftcol, #rightcol {
background-color:green;
height:500px;
}

Dette tegner 3 kolonner med to forskellige farver.

Jeg går ud fra at du har en særlig god grund til at
ville arbejde med faste kolonnehøjde. Det er lidt
udsædvanligt, fordi det er er ret vanskeligt at
kontrollere hvordan brugeren oplevet det.

Hvis du ikke er helt fikseret på dit eget forslag,
vil jeg anbefale dig at læse min artikel
http://webdesign101.dk/layout/
--

Med venlig hilsen
Jørgen Farum Jensen
Håndbog i webdesign: http://webdesign101.dk/wwwbog/udgave2/
Webdesign med stylesheets: http://webdesign101.dk/cssbog/
..

---

> [SNAP]
> Dette tegner 3 kolonner med to forskellige farver.

http://www.student.dtu.dk/~s072449/test/testbox.html

Det virker stadig ikke (testet i IE6, Firefox og Safari) . :/
Det var en lignende løsning jeg baksede med.

Har du andre forslag/rettelser?

> Jeg går ud fra at du har en særlig god grund til at
> ville arbejde med faste kolonnehøjde. Det er lidt
> udsædvanligt, fordi det er er ret vanskeligt at
> kontrollere hvordan brugeren oplevet det.
>
> Hvis du ikke er helt fikseret på dit eget forslag,
> vil jeg anbefale dig at læse min artikel
> http://webdesign101.dk/layout/

Designet er støbt med faste dimensioner. Indholdet er nogenlunde
statisk. De to bokse i siderne skal bruges til at vise nogle
baggrundsskygger der stikker ud til siderne - disse er ikke vigtige
for brugeren og det er altså kun hvis vinduebredden er mindre end
den midterste boks, der skal komme scrollbars i browseren. Men det
er jo en anden sag.


På forhånd tak,
Micki Pedersen

--
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

---

Micki Pedersen skrev:

> Det virker stadig ikke (testet i IE6, Firefox og Safari)

Prøv at se hans eksempelsider:
http://webdesign101.dk/layout/eksempel11.php

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