CSS og % layout

[Morten P. Andersen]

Hvorfor giver dette layout problemer i IE? Problemet er den vandrette
scrollbar som kommer og går alt afhængig af vinduets størrelse. Og
hvordan afhjælper jeg problemet?

se her: http://lille-web.net/test/

:)
Morten
www.lille-web.dk

[Rune Jensen]

"Morten P. Andersen" wrote in message...

> Hvorfor giver dette layout problemer i IE? Problemet er den vandrette
> scrollbar som kommer og går alt afhængig af vinduets størrelse. Og
> hvordan afhjælper jeg problemet?
>
> se her: http://lille-web.net/test/

Jeg har ikke testet - men prøv at se denne side. Måske er den listet.

http://www.positioniseverything.net/explorer.html

MVH
Rune Jensen

[Rune Jensen]

"Morten P. Andersen" wrote in message...

> Hvorfor giver dette layout problemer i IE? Problemet er den vandrette

> scrollbar som kommer og går alt afhængig af vinduets størrelse. Og
> hvordan afhjælper jeg problemet?
>
> se her: http://lille-web.net/test/

Prøv at bruge % på margin right-left på body i stedet for på kasserne.

http://www.villabynet.dk/rune.jensen/spm.css

MVH
Rune Jensen

[Morten P. Andersen]

Nu er layoutet bedre ... men der er stadig en lille forskel i længden af
topboxen og de andre boxe. Først troede jeg det var "border" der var
problemet...... men det var det ikke - det hjælper ikke hvis jeg sætter
#topin border til 3px.
Men, men, men jeg tror jeg kan leve med det, specielt hvis jeg sætter et
billed i toppen og undlader border.
MEN ser I andre problemer med layoutet så sige endelig til.

se stadig her: http://lille-web.net/test/

:)
Morten
www.lille-web.dk

[Morten]

Hej Morten m.fl.
Jeg aldrig prøvet at lave et skalérbart site, så jeg synes det kunne
være spændene lige at lege lidt med på idéen. Det har godt nok
drillet lidt, og jeg kan ikke få det helt op i 100%, men her er mit
bud, som jo ellers virker i både IE og FF.

Jeg ved godt vi helst bør undgå det, men her kommer altså lige lidt
rigeligt kode:

Body:
<div id="containerTop">
<div id="top">Top</div>
</div>
<div id="containerLeftRight">
<div id="left">Left</div>
<div id="right">Right</div>
</div>
<div id="containerMiddle">
<div id="middle">Middle</div>
</div>

Stylesheet:
#containerTop, #containerLeftRight, #containerMiddle
{
position: absolute;
top: 114px;
width: 97%;
}

#containerTop
{
top: 12px;
}

#top, #left, #middle, #right
{
border: solid 1px #000000;
padding: 10px 1%;
color: #ffffff;
}

#top
{
background-color: #ffff00;
height: 70px;
}

#left, #right
{
background-color: #ff0000;
width: 20%;
}

#left
{
float: left;
}

#right
{
float: right;
}

#middle
{
background-color: #00ff00;
width: 52%;
margin: 0 auto;
}

vh og god fornøjelse
Morten K

===
XHTML og CSS kursus på aftenskole i Århus:
www.klit.net/hjemmesidekurser.htm

[Morten P. Andersen]

Morten skrev:

> Hej Morten m.fl.
> Jeg aldrig prøvet at lave et skalérbart site, så jeg synes det kunne
> være spændene lige at lege lidt med på idéen. Det har godt nok
> drillet lidt, og jeg kan ikke få det helt op i 100%, men her er mit
> bud, som jo ellers virker i både IE og FF.
>
> Jeg ved godt vi helst bør undgå det, men her kommer altså lige lidt
> rigeligt kode:

Ja det virker fint. Jeg er nok kommet til den konklusion at venstre
spalte (evt. også højre) skal have en fast brede. Typisk skal der her
være en navigation og skal den kunne vises i 800 X 600 så bliver den
meget for bred i 1280 X 1024 eller større skærmopløsninger. Derfor faldt
jeg over designet som du kan se i tråden: "Layout og IE7"

God jul til alle

:)
Morten
www.lille-web.dk

[Morten P. Andersen]

Morten P. Andersen skrev:

> meget for bred i 1280 X 1024 eller større skærmopløsninger. Derfor faldt
> jeg over designet som du kan se i tråden: "Layout og IE7"
>
> God jul til alle

se evt. www.lilleweb.dk hvor jeg er ved at lege med dette layout og Joomla

:)
Morten