CIO Tech Eksperten IT-JOB IT-Kurser Events Podcast Søg

Log ind eller opret profil

Du kan også logge ind via nedenstående tjenester

ikaruga Nybegynder

16. juni 2007 - 21:49 Der er 3 kommentarer og
1 løsning

css wrapper spørgsmål

Jeg er ved at bygge et site op ved brug af css og <div>, men roder vist lidt rundt i position egenskaben..

Here is the deal.

Siden skal have en fast størrelse, så ikke noget med at den tilpasser sig efter hvor meget indhold der er. Sidens størrelse skal være width: 800px height: 840px

Jeg vil gerne have en wrapper hvor jeg smider det andet indhold ind.

Nu er spørgsmålet.. Hvordan løser jeg det bedst at siden skal have en fast størrelse? Jeg har en banner/sidehovede og en sidefod. Hvis jeg bruger absolute placering kan jeg ikke få tingene til at blive inde i wrapperen, og hvis jeg bruger relativ placering på sidefod, så strækker siden sig når man placere flere ting i wrapperen.

Synes godt om

roenving Novice

17. juni 2007 - 03:25 #1

F.eks. (og alle farver og borders er kun for at vise, hvad der sker !-)

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title>Fast størrelse</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<style type="text/css">
html,body{margin:0;border:0;padding:0;font-family:tahoma,verdana,arial,sans-serif;font-size:small;text-align:center;}
#site{width:800px;height:840px;margin:0 auto;background:#ff0;border:1px solid green;border-width:0 1px;}
#banner{height:125px;background:lightblue;}
#content{height:663px;overflow:auto;border:1px solid red;border-width:1px 0;}
#footer{height:50px;background:#000;color:white;font-size:22px;}
</style>
</head>
<body>
<div id="site">
<div id="banner"><h1>Dit banner</h1></div>
<div id="content">Noget indhold, sikkert en hel masse linjer med tekst og billeder</div>
<div id="footer">©2007 ikaruga</div>
</div>
</body>
</html>

Synes godt om

ikaruga Nybegynder

18. juni 2007 - 09:25 #2

aha.. det var måske overflow jeg havde glemt :D
takker for hjælpen, du smider bare et svar så du kan få point.

Synes godt om

roenving Novice

18. juni 2007 - 14:43 #3

-- og det er også muligt at sætte position:relative; på site-diven og så bruge position:absolute;bottom:0; på footer-tingen !-)

Velbekomme '-)

Synes godt om

roenving Novice

19. juni 2007 - 22:07 #4

-- og tak for point ;~}

Synes godt om

Ny bruger Nybegynder

Din løsning...

Tilladte BB-code-tags: [b]fed[/b] [i]kursiv[/i] [u]understreget[/u] Web- og emailadresser omdannes automatisk til links. Der sættes "nofollow" på alle links.

Følg dette spørgsmål

Opret Preview

Programmeringssprog kurser

Kurser inden for grundlæggende programmering

Se alle Programmeringssprog kurser

Flere spørgsmål fra Andet programmering kategorien

Titel	Indlæg	Oprettet	Seneste aktivitet
ASP Classic fil fra subfolder Af bsn i Andet programmering	3	07/05/202416:14	08/05/202401:00
Session Variable Af bsn i Andet programmering	3	01/05/202409:44	02/05/202409:29
Modifyed Field for all Records in Access Af ingeman i Andet programmering	2	29/04/202416:05	30/04/202407:19
Delphi - Parser JSON Fil Af juzas i Andet programmering	4	25/02/202407:13	28/02/202420:56
Bat fil Af sjass i Andet programmering	5	15/01/202417:45	15/01/202420:35

Se alle spørgsmål i kategorien Opret spørgsmål

Log ind eller opret profil

Hov!

For at kunne deltage på Computerworld Eksperten skal du være logget ind.

Det er heldigvis nemt at oprette en bruger: Det tager to minutter og du kan vælge at bruge enten e-mail, Facebook eller Google som login.

Du kan også logge ind via nedenstående tjenester

Alle kategorier på Eksperten

Seneste artiklerRSS