webForumDet fria alternativet

Hjälp med layout sökes

HTML & CSS

11 svar · 517 visningar · startad av Troxy

Medlem sedan mars 20041 505 inlägg
Frågan#1

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!

Medlem sedan okt. 20005 273 inlägg
#2

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

Medlem sedan mars 20041 505 inlägg
#3

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.

Medlem sedan mars 20025 907 inlägg
#4

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.

Medlem sedan mars 20041 505 inlägg
#5

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

Medlem sedan mars 20041 505 inlägg
#6

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

Medlem sedan jan. 2000978 inlägg
#7

Tyckte det var märkligt att sidan validerar trots att den saknar <html> i koden.
Annars så funkar det ju.

Medlem sedan mars 20041 505 inlägg
#8

Fixat :L

Medlem sedan juli 20013 378 inlägg
#9

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

Medlem sedan mars 20041 505 inlägg
#10

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

Medlem sedan juli 20013 378 inlägg
#11

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)

Medlem sedan mars 20041 505 inlägg
#12

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.

322 ms totalt · 4 externa anrop · v20260731065814-full.86ec41c2
189 ms — deklarationer (db)
0 ms — hämta statistik (cache)
130 ms — hämta tråd, inlägg och bilagor (db)
189 ms — ändringar (db)