Kolla hur dem byggt upp denna
http://webhost.bridgew.edu/etribou/layouts/skidoo/demos/two_left_left.html
Sen är det bara att fråga på igen om det är några problem.
mv icaaq
11 svar · 517 visningar · startad av Troxy
Hej, jag är i full gång med att bygga om en tabell-baserad layout till en div-baserad. Jag vill bevara utseendet, men jag lyckas inte riktigt.
http://www.hlan.se/default.asp - Gamla layouten- byggt i tabeller, validerar inte, buggar lite, osv.
http://www.hlan.se/default2.asp - Nya layouten så långt jag hunnit.
Problemet är att jag inte vet hur jag ska få menyn och innehållet att sträcka sig över hela föstret, som på gamla layouten. Jag vill dessutom få till en sidfot.
Hjälp mig tack!
Kolla hur dem byggt upp denna
http://webhost.bridgew.edu/etribou/layouts/skidoo/demos/two_left_left.html
Sen är det bara att fråga på igen om det är några problem.
mv icaaq
Tack! Men ett problem:
Går det att få sidfoten att alltid vara längst ner?
Som det är nu, placeras inte sidfoten längst ner när det inte finns tillräckligt med innehåll på sidan, dvs innehålls-lagret trycker inte ner sidfoten tillräckligt.
Troxy skrev:
Tack! Men ett problem:
Går det att få sidfoten att alltid vara längst ner?
Som det är nu, placeras inte sidfoten längst ner när det inte finns tillräckligt med innehåll på sidan, dvs innehålls-lagret trycker inte ner sidfoten tillräckligt.
Sök på "sidfot" i det här forumet så kommer du bl.a. hitta den här länken. Kolla koden på den sidan så ser du hur Jarvklo löste problemet.
Tack så mycket Peeer, det där var precis den layouten jag sökte. Nu ska det studeras kod ;)
Och ja, jag kunde ha sökt, ursäkta mig... :birp
http://www.troxy.net/layout.html
Titta vad jag har knåpat ihop, tabellfri layout med sidfot som alltid är längst ner!
Det är kodsnuttar från alla möjliga exempelsidor :e
WC3:s validator ger vaild strict HTML 4.01 och CSS.
Lite kommentarer på koden vore kul ;) Typ om det går att lösa på ett bättre sätt osv...
Tyckte det var märkligt att sidan validerar trots att den saknar <html> i koden.
Annars så funkar det ju.
Fixat :L
OT:
Jodå - HTML *är* grötigt tack vare att det bygger på SGML och att man roade sig med att definiera en massa taggar som optional i rekommendationen...
Faktum är att taggarna<html>, <head> och <body > är "optional" i HTML- men att elementen body head och html är obligatoriska och alltd måste anses vara med - därav t.ex. att <title> som är ett obligatoriskt element i head som också har obligatoriska taggar måste vara med i det "absolut minimala HTML-dokumentet" som ser ut såhär:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
"http://www.w3.org/TR/html4/strict.dtd">
<title>Hello world</title>
<div>Hello world</div>
Ser konstigt ut - eller hur?, men detta är också korrekt HTML som går igenom validatorn med "flygande färger"...
IMHO är xhtml enklare att lära sig och att använda eftersom inga element som saknar taggar tillåts där - men eftersom jag inte är kodtaliban så tycker jag att man kan välja vad man vill, bara man ser till att koden validerar och skickas med en godkänd "MIME-typ" (men det är en annan historia)
Sorry - kunde bara inte låta bli :birp
PS.
Troxy>> Du hade alltså inte *behövt* ändra något eftersom du valt att köra HTML4.01 ;)
jarvklo, okej, det var som tusan =)
Men alltså när jag byggde den där layouten fattade jag ungefär till hälften vad jag gjorde.
Vad gör relativ positionering?
Vad gör min-height?
Jag har läst WC3 Recommendations, men det hjälpte inte så mycket :e
hihi - det förstår jag, välkommen i klubben det tar ett *bra* tag att sätta sig in i alla detaljer och antalet artiklar man måste plöja är ganska stort eftersom det finns få som är både heltäckande och pedagogiska ;)
Har du sett den här? http://www.autisticcuckoo.net/arkiv.php?id=2004/12/07/relativt-absolut
Den borde kunna reda ut en del om det där med positionering...
min-height: ser till att ett visst block (läs: t.ex. en viss div) aldrig blir "lägre" än den angivna höjden (funkar dock inte i MSIE)
Ett relativt positionerat element ligger nämligen kvar i dokumentflödet – på den plats där det ursprungligen låg. Det upptar alltså fortfarande utrymme, men inte där det faktiskt visas, utan där det skulle ha visats om det varit statiskt positionerat.
Det där lät faktiskt vettigt! Jag tror jag börjar förstå nu. Tack för länken.
Jaja, nu ska jag sova och drömma lite om positionerade div-element. Jag har nämligen suttit hela helgen och hjärntvättat mig med dem. Hela min layout-värld rasade samman när jag bestämde mig för att lägga ner tabellayouter och gå över till div. Jag insåg då genast vilket extremt jobb det vara att fixa allt som de kära gamla tabellerna gjorde, exempelvis en vanlig enkel sidfot.