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

ahjdp1 Nybegynder

06. september 2003 - 15:19 Der er 11 kommentarer og
1 løsning

footer vil ikke flyde med div-boksen der er ovenfor

Jeg kan ikke få min div til konstant at være under den div der er ovenfor. Det skal se således ud:

---------
| DIV1 |
---------
---------
| DIV2 |
---------

Men den nederste boks bliver bare for neden i browser-vinduet istedet for på siden

Synes godt om

tsm Nybegynder

06. september 2003 - 15:30 #1

prøv at vis koden du bruger...

Synes godt om

ahjdp1 Nybegynder

06. september 2003 - 15:35 #2

Her er CSS'en:

#indhold
{
text-align: left;
margin: 0px;
padding: 0px;
border-right: 1px solid #bfbfbf;
border-left: 1px solid #bfbfbf;
width: 760px;
height: 100%
}
#top
{
position: absolute;
top: 0px;
width: 760px;
height: 80px
}
#topmenu
{
background-color: #ebebeb;
position: absolute;
top: 80px;
width: 760px;
height: 20px
}
#body
{
padding-left: 160px;
position: absolute;
top: 100px;
width: 755px;
overflow: visible
}
#leftmenu
{
background-color: #fff;
float: left;
position: absolute;
top: 100px;
width: 160px
}
#footer
{
position: absolute;
bottom: 0%;
width: 760px;
height: 20px
}

Her er HTML'en:

<div id="indhold">
<div id="body"></div>
<div id="leftmenu"></div>
<div id="topmenu"></div>
<div id="top"></div>
<div id="footer"></div>

Synes godt om

tsm Nybegynder

06. september 2003 - 15:51 #3

Så vidt jeg kan se er det under hinanden... jeg prøvede at lave det til html. har du et link til den rigtige side?

Synes godt om

ahjdp1 Nybegynder

06. september 2003 - 15:55 #4

http://server.butler-jensen.dk/default.asp

Synes godt om

tsm Nybegynder

06. september 2003 - 15:58 #5

er det korrekt at problemet er at footeren sidder midt i teksten? og du gerne vil have det til at være sådan at den heletiden sidder nederst uanset længden af siden?

Synes godt om

ahjdp1 Nybegynder

06. september 2003 - 16:01 #6

ja, det er korrekt

Synes godt om

tsm Nybegynder

06. september 2003 - 16:48 #7

prøv det her HTML istedet for.
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title> </title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<Script type="text/javascript">
function setHeight(){
content.style.height = document.body.clientHeight;
}
</script>
</head>
<body onload="setHeight()">
<center>
<table class=main cellpadding=0 cellspacing=0>
<tr>
<td style="vertical-align:middle;">
<table id=content class=content cellpadding=0 cellspacing=0>
<tr>
<td colspan=2 class=top></td>
</tr>
<tr>
<td colspan=2 class=topmenu></td>
</tr>
<tr>
<td class=leftmenu></td>
<td class=body></td>
</tr>
<tr>
<td colspan=2 class=footer></td>
</tr>
</table>
</td>
</tr>
</table>
</center>
</body>
</html>

Synes godt om

ahjdp1 Nybegynder

06. september 2003 - 16:53 #8

Det ser ikke ret godt ud. Fidusen var også at der ikke var nogle tabeller til opbygningen. Kan det ikke laves med en slags css-kode?

Synes godt om

tsm Nybegynder

06. september 2003 - 16:53 #9

indsæt eventuelt det her:
<body onload="setHeight()" onResize="setHeight()">

Synes godt om

tsm Nybegynder

06. september 2003 - 16:58 #10

hvorfor vil du ikke have tabeller?

hvis du vil undgå at der er luft i toppen og i bunden skal du jo bare lave et

body{
margin:0px;
}
så er det da magen til det andet

Synes godt om

ahjdp1 Nybegynder

06. september 2003 - 17:01 #11

For at kunne opnå en bedre placering i søgemaskiner m.v. jvf. www.html.dk/artikler/00043/

Synes godt om

Slettet bruger

12. september 2003 - 23:55 #12

Prøv med:

#footer {
position: relative;
clear: both;
width: 100%;
bottom: 0px;
}

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
CSS 2 x firkanter + tekst på samme linje Af nemlig i HTML	3	19/03/202522:16	20/03/202513:04
Se og ændre html på en webside Af magger i HTML	4	11/03/202513:55	12/03/202506:56
Få input felt, der er med fed skrift og formatteres på linje Af KurtG i HTML	5	02/03/202520:05	04/03/202515:40
Variabler som ikke virker Af Frits Jensen i HTML	3	30/10/202409:37	01/01/202515:27
Aldersbegrænsning på min hjemmeside Af ØLMANDEN i HTML	3	29/09/202410:58	20/03/202513:38

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