--- title: "xhtml/css och div:ar" type: "forum-thread" url: "https://www.webforum.nu/amne/html-css/125968-xhtml-css-och-div-ar" topic: "HTML & CSS" topic_url: "https://www.webforum.nu/amne/html-css" author: "Patrik81" published: "2005-04-08T15:25:54.000Z" updated: "2005-04-09T15:29:54.000Z" replies: 3 views: 523 page: 1 pages: 1 language: "sv-SE" site: "webForum — webforum.nu" rights: "Upphovsrätten till varje inlägg tillhör dess författare." attribution: "Citera som: webForum, https://www.webforum.nu/amne/html-css/125968-xhtml-css-och-div-ar" --- # xhtml/css och div:ar ## #1 — Patrik81, 2005-04-08T15:25Z Hejsan, nu sitter jag här med ett problem. Jag vill skapa en sida, användandes xhtml och css, och det har visat sig vara en svårare nöt att knäcka, än jag först trodde. Jag har kodat ihop den, med xhtml och css, men naturligtvis så såg den inte alls lika bra ut i andra upplösningar, och är ytterst samarbetsovillig ;) Så jag kodade lite snabbt ihop hur jag skulle önska att sidan såg ut i klart skick, fast med tabeller. Så jag kommer bifoga både tabell (ful) kod, för att visa hur jag vill ha det, och sedan xhtml/css koden jag sitter med, som inte är riktigt lika fungerande. Design: ``` table2div

Innehåll
	Länkar

	Lite andra länkar

Sidfot

``` (x)html ``` xhtml

innehåll

lite fler länkar

Sidfot

``` css ``` html, body { height: 100%; width: 100%; margin: 0px; padding: 0px; color: #000000; background-color: #ffffff; } #content { position: absolute; bottom: 5%; left: 20px; height: 92%; width: 71%; border: 2px #000000 solid; padding-left: 10px; padding-right: 10px; overflow: auto; } #foot { position: absolute; bottom: 2%; left: 0px; width: 100%; text-align: center; } #navbar { position: absolute; bottom: 57%; right: 20px; height: 40%; width: 20%; padding-left: 10px; padding-right: 10px; } #inavbar { position: absolute; bottom: 5%; right: 20px; height: 40%; width: 20%; border: 2px #000000 solid; padding-left: 10px; padding-right: 10px; } ``` Det skulle vara ypperligt, om det gick att få sidfoten att alltid ligga utmed webbläsarens kant, så om det nu finns mer text i innehållsutrymmet, än vad som finns plats i fönstret, så expanderar innehålls delen nedåt, och pressar ned sidfoten också. Och när jag nu tänker på det, så kanske det skulle vara bra om länkytorna på något sätt var fixerade, och alltid var i bild, hur mycket man än scrollar nedåt. Går det ens att göra? Med iframe hade det ju varit plättlätt, men ville lära mig något nytt den här gången. Tog mig kanske lite för mycket vatten över huvudet ;) MVH Patrik Permalänk: https://www.webforum.nu/p/125968 ## #2 — joel_sundkvist, 2005-04-09T09:24Z Du kanske borde kolla på "float-modellen". Något åt detta hållet kanske? ```

Innehåll...

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Fusce euismod. Curabitur placerat. In hac habitasse platea dictumst. Integer ornare, mi sed porttitor elementum, ligula purus volutpat massa, sed elementum ante purus sit amet wisi. Praesent a enim. Morbi in ligula ac augue tristique hendrerit. Nam at elit non justo dignissim lobortis. Suspendisse in neque. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos hymenaeos. Vestibulum lacus. Nullam vitae purus ultricies augue dignissim volutpat. Donec ornare, lacus at eleifend faucibus, erat leo dapibus sem, eget vestibulum felis diam quis felis. Duis elit nulla, vehicula et, facilisis eu, scelerisque sit amet, lectus. Curabitur posuere. Cras nibh.

Inavbar

footer

``` Jag föredrar denna metod före "absolut-positionerings" metoden. OBS! Slängde ihop denna kod i en hast. Den är funkar felfritt på Mac OSX Safari, FF, MSIE 5.2.3 Lycka till! Permalänk: https://www.webforum.nu/p/1589628 ## #3 — Patrik81, 2005-04-09T15:25Z Hejsan :) Det var ju helt suveränt, nu skall jag bara försöka luska ut varför mina tidigare tester med float inte fungerade lika bra som denna koden här. =) Tack så mycket :) MVH Patrik Permalänk: https://www.webforum.nu/p/1589716 ## #4 — joel_sundkvist, 2005-04-09T15:29Z Övning ger träning ;) Lycka till! Permalänk: https://www.webforum.nu/p/1589718 --- Tråden på webben: https://www.webforum.nu/amne/html-css/125968-xhtml-css-och-div-ar

Innehåll...

Navbar

Inavbar