Storleken på hemsidan styrs av skärmen.

[Krycke11]

Har börjat med lite mer avancerade grejer. Förutom mycket annat sökte jag efter hur man kan göra att hemsidans storleken reglerats med hur stor skärm man har. Fick tips om dennan sidan:

http://butik.pagina.se/fb_produkt.asp?art=6360910x

Där kan man hämta hem kod.

 

Har kollat på kapitel 6, "Avancerad sidlayout", Figur 6.10. Lite av koden:

 

div#mainwrap {min-width:780px; max-width:960px; 
margin-left:auto; margin-right:auto; 
text-align:left; 
}

Hur kan detta fungera?

 

Lite till:

div#contentarea { background-color:#FFF; /* ser till att bakgrunden är vit även om faux column-bilden inte laddas */

background:url(bilder_pres/faux_left.gif) repeat-y top left; /* faux column-bilden för vänstra spalten */

position:relative; /* anger positioneringskontext för vänstra spaltens div */

}

En bild som bakgrung, "repeat-y"?

Kan inte ni hämta hem koden o ge min lite hjälp?

 

/Krycke11

 

 

 

[mindsleep]

Att hoppas på att CSS ska lösa problemet med olika skärmstorlekar är att skjuta sig själv i foten=alienera de som inte har de nyaste webbläsarna.

 

Använd Javascript istället för att lösa det.

 

//MVH Mindsleep

 

I am who i am, you are who you are, i respect that

 

[Krycke11]

Trodde väl att jag skulle få detta svaret, "Använd Javascript"...

 

På den sista hemsidan så använder man JavaScript. Första raden:

 

//minmax.js: make IE5+/Win support CSS min/max-width/height

 

Skulle du vilja kolla på koden? Vad säger du om den?

 

 

 

[Krycke11]

Menar givetvis Kapitel 8\javascript\minmax.js