Css footer - Forum

- SanThe -

20-01-2006 22:30

Jan Koehoorn schreef op 19.01.2006 22:26
FF 1.01 okee
IE 5.50 okee

SanThe, was dat een test van die link van mij?

Een beetje laat misschien, maar ja, ik heb die testlink gebruikt.

Jan Koehoorn

20-01-2006 22:38

@ SanThe: niet erg. Mooi dat hij het in die versies van FF en IE ook doet.

Dit was typisch zo iets dat ik nog eens een keer uit wilde zoeken en het topic gaf me net de juiste stimulans :-)

@ Luuk: goeie methode en mooi dat het werkt!

Huh bla

05-02-2006 21:54

dit script werkt niet meer in IE 7

^*O&P(^&^%P( MICROSCHOFT

Jan Koehoorn

05-02-2006 22:04

Voor zover ik weet is IE in de beta release. Laten we dus maar even afwachten.

Huh bla

05-02-2006 22:12

idd, maar ik denk niet dat Microschoft nu nog iets gaat veranderen aan de manier van codering....

het is al béta 2 hé.....

j

joyce

21-02-2008 22:30

Hoi ik heb het ook geprobeerd

de testpagina die hier staat werkt wel, dus dacht ik slim te wezen en hem bij mij ook te proberen maar hij werkt bij mij niet

althans de footer verschijnt nu achter de tekst dat mijn eerste code eigenlijk beter werkt, zonder container ook nog eens. Maar goed we blijven proberen.

dit is nu de code, je ziet dat ik div container geplaatst heb...

<html><head><title></title>
<LINK REL="stylesheet" TYPE="text/css">

totale wijdte:
ht179+h137+hc153+hcl205+hr177+hrpt6+he148 =1005

857+148 = 1005

<STYLE TYPE="text/css"><style>

{
margin: 0;
padding: 0;
}
body {
background: #cf0;
}
html, body {
height: 100%;
}
#container {
position: relative;
min-height: 100%;
height: 100%;
voice-family: "\"}\"";
voice-family: inherit;
height: auto;
}
html>body #container {
height: auto;
}

#top{
}

#headertop {
background: orange url(Scoutingdoven/scouting_doven_2/images/BgSidebarTop.jpg) no-repeat top left;
border: 0px;
margin: 10px 30px 90px 30px;
margin-color: blue;
min-height: 147px;
width: 179px;
position: absolute;
left:0px;
border: 3px solid red;
}

#header {
background: orange url(Scoutingdoven/scouting_doven_2/images/BgHeaderLeft.jpg) no-repeat top left;
border: 0px;
margin: 10px 0px 90px 30px;

min-height: 147px;
width: 137px;
position: absolute;
left: 179px;
border: 3px solid red;
}

#headercenter {
background: orange url(Scoutingdoven/scouting_doven_2/images/BgHeaderCenter.jpg) no-repeat top left;
border: 0px;
margin: 10px 0px 90px 30px;
min-height: 147px;
width: 153px;
position: absolute;
left: 316px;
border: 3px solid red;
}

#headercenterleft {
background: orange url(Scoutingdoven/scouting_doven_2/images/BgHeaderCenterLeft.jpg) no-repeat top left;
border: 0px;
margin: 10px 0px 90px 30px;
min-height: 147px;
width: 205px;
position: absolute;
left: 469px;
border: 3px solid red;
}

#headerright {
background: orange url(Scoutingdoven/scouting_doven_2/images/BgHeaderRight.jpg) no-repeat top left;
border: 0px;
margin: 10px 0px 90px 30px;
min-height: 147px;
width: 177px;
position: absolute;
left: 674px;
border: 3px solid red;
}

#headerrepeat {
background: orange url(Scoutingdoven/scouting_doven_2/images/BgHeaderRepeat.jpg) no-repeat top left;
border: 0px;
margin: 10px 30px 90px 30px;
min-height: 147px;
width: 6px;
position: absolute;
left: 851px;
border: 3px solid red;

}

#headerend{
background: orange url(Scoutingdoven/scouting_doven_2/images/logo.jpg) no-repeat top left;
border: 0px;
margin: 10px 30px 90px 30px;
min-height: 147px;
position: absolute;
width: 148px; left: 857px;
border: 3px solid red;
}

#row2{
background: orange;
border: 1px;
margin: 152px 0px 90px 30px;
min-height: 400px;
max-height: 600px;
position: absolute;
width: 1005px;
left: 0px;
z-index:1;
border: 3px solid purple;
}

#leftmenu{
background: orange url(Scoutingdoven/scouting_doven_2/images/LeftBottom.jpg) no-repeat bottom right;
border: 1px;
height:130%;
position: absolute;
width: 179px;
z-index:1;
left: 0%;
overflow: auto;
border: 0px;
display: block;
}

#content{
background: #FFFFFF repeat top left;
border: 1px;
margin: 0px 30px 0px 0px;
padding: 30px 30px 90px 30px;
height: 100%;
position: absolute;
width: 76%;
z-index:2;
left: 179px;
float: none;
overflow: auto;
border: 0px
clear: none;
display: block;

}

#row3{
background: blue;
bottom: 0;
position: absolute;
width: 100%;
text-align: center;
border: 3px solid red;
}
</style>
</script>

</div>

</head>

<body>
<div id="container">
<div id="headertop">
</div>
<div id="header">
</div>
<div id="headercenter">
</div>
<div id="headercenterleft">
</div>
<div id="headerright">
</div>
<div id="headerrepeat">
</div>
<div id="headerend">
</div>

<div id="row2">
<div id="leftmenu">
</div>
<div id="content">
test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test
</div>
</div>

<div id="row3">
Eind
</div>

</div>
</body></html>

groetjes Joyce

Jan Koehoorn

21-02-2008 22:44

Joyce, dit topic was twee jaar oud ...

j

joyce

21-02-2008 22:44

hmm.... ik heb de volgende raad opgevolgd:

Re: op 20.01.2006 17:51 quote bericht
Je container div komt nu pas na twee table's. De bedoeling is dat de container div overal omheen zit.

en de container vaker geplaatst:

<div id="container">

header divs

</div>

<div id="container">

de tweede rij divs

</div>

<div id="container">

footer

</div>

Gevolg de volgorde is er weer, mits het in een groot venster is. Maar met hele grote lege tussenruimtes....

Bij een kleine venster staat de footer weer achter de tweede rij.

By the way, ik werk met:
Mozilla/5.0 (Macintosh; U; Intel Mac OS X; nl; rv:1.8.1.4) Gecko/20070515 Firefox/2.0.0.4

we gaan door met testen en ontwikkelen. tot hoors
ben benieuwd of er nog enige reactie komt, gezien we alweer 2 jaar later dan het voor mij laatste bericht geplaatst is.... lange leve internet.

j

joyce

21-02-2008 22:45

hee Jan, da's snel...

T

Terry

22-02-2008 08:51

BUMP!!! :P