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

zyxep Nybegynder

06. marts 2007 - 21:01 Der er 6 kommentarer

height 100% går ud over design

hey jeg har dette design

http://zyxep.net/wiportalen hvor jeg vil have at den skal flugte til toppen af den bund kasse der er.. men den skal stadigvæk være 100%..

hvordan gør jeg det?? min css er

http://zyxep.net/wiportalen/style.css

Synes godt om

roenving Novice

07. marts 2007 - 11:20 #1

Sådan noget som dette ?-)

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 strict//EN" "http://www.w3.org/TR/html401/strict.dtd">
<html>
<head>
<title>Fuld højde centreret simpelt</title>
<meta name="keywords" content="roenving,http://www.eksperten.dk/spm/520876">
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<style type="text/css">
html,body{height:100%;margin:0px;padding:0px;text-align:center;}
#container{position:relative;height:100%;width:512px;margin:0px auto;text-align:left;}
#banner{position:absolute;height:125px;width:100%;background:yellow;z-index:1;}
#top1{width:100%;height:50px;background:#770;}
#top2{width:100%;height:75px;background:#707;}
#main{height:100%;background:green;}
#spacer{height:125px;}
#bottom{position:absolute;left:0px;bottom:0px;height:125px;width:100%;background:yellow;z-index:1;}
#bund1{width:100%;height:25px;background:#770;}
#bund2{width:100%;height:100px;background:#707;}
</style>
</head>
<body>
<div id="container">
<div id="banner">
<div id="top1">top1</div>
<div id="top2">top2</div>
</div>
<div id="main">
<div id="spacer">Usynligt</div>
Hovedside</div>
<div id="bottom">
<div id="bund1">bund1</div>
<div id="bund2">bund2</div>
</div>
</div>
</body>
</html>

Synes godt om

zyxep Nybegynder

07. marts 2007 - 14:34 #2

hey.

det minder lidt om det du har lavet.. men vil have det skal se sådan her ud..

http://zyxep.net/udkast.jpg

har lavet det i tabeller pånær højden 100%
http://zyxep.net/test2.php

håber du forstår det.

Synes godt om

roenving Novice

07. marts 2007 - 14:44 #3

Det kan du da også sagtens lave på den (meget simple) skabelon !-)

Synes godt om

zyxep Nybegynder

07. marts 2007 - 16:09 #4

altså jeg har ingen problemer med at lave højden 100% i containeren med de skygger på osv jeg nu har.. skal jeg ås bare smide din "template" ind i ??

Synes godt om

zyxep Nybegynder

07. marts 2007 - 20:02 #5

nu har jeg fået den til at se nogen lunde ud.. men nu skal højden bare følge med når man skriver text..

http://zyxep.net/wiportalen/

help plz..

Synes godt om

roenving Novice

08. marts 2007 - 14:45 #6

Så kan du nederst i main indsætte en relativt positioneret div, der har samme højde som din bottom !-)

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

Webudvikling kurser

Vi tilbyder markedets bedste kurser inden for webudvikling

Se alle Webudvikling kurser

Flere spørgsmål fra HTML kategorien

Titel	Indlæg	Oprettet	Seneste aktivitet
Variabler som ikke virker Af Frits Jensen i HTML	2	30/10/202409:37	30/10/202413:04
Aldersbegrænsning på min hjemmeside Af ØLMANDEN i HTML	2	29/09/202410:58	30/09/202412:04
Bredde på div elementer Af dane022 i HTML	2	16/02/202408:29	20/02/202412:50
Hvilken mindste mobilstørrelse til hjemmeside Af CSharpRazor i HTML	2	21/12/202322:51	22/12/202308:03
validering <input tlfnr. Af slein55 i HTML	5	15/10/202311:43	15/10/202314:51

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