CSS och Firefox...

26 svar · 755 visningar · startad av supermao 22 feb. 2005 · sida 2 av 2

frankofMedlem sedan jan. 20016 874 inlägg

26 feb. 2005 20:38#21

icaaq skrev:

Men om du förminskar fönstret så ser du att toolman på göken inte har en fast vidd ;)

mv icaaq

icaaqMedlem sedan okt. 20005 273 inlägg

26 feb. 2005 20:43#22

Re: fundering igen...

supermao skrev:

Min design jag tänkte arbete med är en centrerad kolumn, i stil med http://www.autisticcuckoo.net/ Jag faller direkt på eget grepp, fattar nämligen inte hur jag positionerar mot centrum av sidan. Detta mått måste väl variera beroende på användarens upplösning tycker jag?

frankof skrev:

Sätt en fast brädd på ett element och margin h+v till auto så blir det centrerad, enkelt ;)

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
 <html> 
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<meta http-equiv="Content-Style-Type" content="text/css">
<style type="text/css">
div {width:580px; height:565px; border: solid 5px #c0c0c0; margin-left:auto; margin-right: auto;}
</style>
<title></title>
</head> 
<body>
<div>centrerad container</div>
</body> 
</html>

Det jag ville påpeka var att http://www.autisticcuckoo.net inte använder sig av en fast vidd, utan det är nog en variant av The holy grail. ;)

mv icaaq

frankofMedlem sedan jan. 20016 874 inlägg

26 feb. 2005 20:45#23

Re: Re: fundering igen...

icaaq skrev:

Det jag ville påpeka var att http://www.autisticcuckoo.net inte använder sig av en fast vidd, utan det är nog en variant av The holy grail. ;)

mv icaaq

Aha, då klarnade det betraktilgt ;) för jag ändrade storleken på mitt exempel och såg ingen ändring (favlets är bra! )

supermaoMedlem sedan feb. 200511 inlägg

26 feb. 2005 21:50#24

hmmm..små funderingar igen :)

Är det överhuvudtaget möjligt att få till en layout enligt den bifogade filen? Skulle någon kunna ge tips på hur man ska tänka, för jag fattar inte hur man ska göra för att få det att funka i olika upplösningar...

supermaoMedlem sedan feb. 200511 inlägg

26 feb. 2005 22:35#25

nytt test

Har nu gått ifrån de ursprungliga designplanerna (verkar vara för svårt för mig).

Såg dock att skillnaderna mellan IE och exempelvis Firefox är väldigt stora. Är detta ett av de problem när man arbetar med layout mha stilmallar? (se länk)
http://hem.bredband.net/b295050/test/
OBS
Färgerna är inte direkt valda med omsorg och kommer att ändras senare :)

jarvkloMedlem sedan juli 20013 378 inlägg

26 feb. 2005 22:36#26

Är det överhuvudtaget möjligt att få till en layout enligt den bifogade filen?

Yep - men man får trixa lite om man vill att menyn och innehållet alltid skall vara lika höga - annars är det "inga större problem" ;)
Det största problemet med att "gå över till CSS" från tabeller är IMHO att lära sig tänka i "block" istället för i tabellceller - speciellt om man vill ha en layout som skall kunna expandera i någon ledd ;)

Inspiration:
Centrering av sida: http://bluerobot.com/web/css/center1.html
Två kolumner med "bara CSS": http://bluerobot.com/web/layouts/layout1.html
Trixa med bakgrundsbild så att två kolumner ser lika höga ut: http://www.alistapart.com/articles/fauxcolumns/
Slår du ihop idéerna ur de tre artiklarna, bör du kunna klura ut ett sätt att få till det du är ute efter ;)

Vill du komma lite snabbare fram, kan du också ha lite hjälp av ett av mina gamla kodexempel (som du gärna får använda om du har nytta av det): http://member.webforum.nu/2241/bottenfast_sidfot_plus_tvaspalt.html
Tar du bort div:arna "bottom", "belowthebottom" och "menu" samt ändrar utseendet på bakgrundsbilden i div:en "container" så har du något som hamnar ganska nära din skiss ;)

jarvkloMedlem sedan juli 20013 378 inlägg

26 feb. 2005 22:46#27

Re: nytt test

supermao skrev:

Såg dock att skillnaderna mellan IE och exempelvis Firefox är väldigt stora. Är detta ett av de problem när man arbetar med layout mha stilmallar? (se länk)

Njae, men om du kör med en <!DOCTYPE som ställer läsarna i olika renderingsmod (vilket du gör) så blir det lätt ett problem pga "gamla synder" i MSIE (som hanterar bredder, marginaler och indrag annorlunda än "resten av världen")...

Jag brukar rekommendera folk att försöka använda en <!DOCTYPE som ställer både MSIE och FF/Mozilla/m.fl i "standardanpassat läge" ("Standards mode") om man vill ge sig på layouter i CSS eftersom skillnaderna är minst då...

Byt ut din <!DOCTYPE mot

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">

så bör det iallafall bli "lika illa" i MSIE och FF ;)

Mer om detta finns t.ex. i http://www.webforum.nu/showthread.php?s=&postid=650163#post650163