[css] Een footer toevoegen geeft verschil in IE/FF - Softwareontwikkeling

woensdag 27 april 2005 17:17

Acties:

Verwijderd

Topicstarter

De onderstaande code werkt goed voor IE en Firefox. Maar nu wil ik nog een footer toevoegen maar dat krijg ik niet voor elkaar. Op mijn manieren ziet dat er verschillend uit in de browsers. Iemand een idee? Zit ik structureel verkeerd? Tis niet dat ik het nog niet geprobeerd heb...

<blaat>

<html>
<head>
<title>test</title>
<style type="text/css">

body {
background-image: url(backg.gif);
}

#content {
position: absolute;
left: 50%;
margin-left: -382px;
width: 762px;
border: 1px solid #000000;
}

#header {
position: relative;
width: 100%;
height: 100px;
color: #ffffff;
padding: 10px;
background-image: url(top.jpg);
}

#menu {
position: relative;
background-color: #000000;
}

#left {
float: left;
width: 100px;
color: #ffffff;
background-color: #FFD700;
height: 620px;
}

#main {
float: left;
width: 100%;
border: 0px solid #ffffff;
color: #000000;
height: 620px;
background-color: #FFFFFF;
font-size: x-small;
}

#footer {
position: relative;
width: 100%;
height: 100px;
background-color: #CCCCCC;
}

</style>
<body>
<div id="content">
<div id="header">
header
</div>

<div id="menu">
menu
</div>

<div id="main">
<div id="left">
left
</div>
right
</div>
</div>
</body>
</html>
</blaat>

woensdag 27 april 2005 17:19

Acties:

Ramon

Wat gaat er precies mis? Ik heb geen zin om die code te gaan doorspitten.

Check mijn V&A ads: https://tweakers.net/aanbod/user/9258/

woensdag 27 april 2005 17:19

Acties:

Sappie

De Parasitaire Capaciteit!

een "blaat" element? Die mag je me wel eens uitleggen.. verder mist je html een DTD, wat wel eens voor het verschil zou kunnen zorgen. Ook wordt je <head> niet afgesloten. (kortom valideer je html eest ff voordat je ons vragen komt stellen). Als laatste is je post een stuk overzichtelijker als je de html tussen [ code] .. [ /code] tags plaatst

[ Voor 22% gewijzigd door Sappie op 27-04-2005 17:21 ]

Specs | Audioscrobbler

woensdag 27 april 2005 17:21

Acties:

Verwijderd

Verder laat je in je HTML nergens de footer terug komen.

woensdag 27 april 2005 17:22

Acties:

André

Analytics dude

Over footers is van alles te vinden waaronder dit:
[rml][ CSS] De perfecte CSS-only footer[/rml]

Verder zou het mooi zijn als je in het vervolg alleen relevante code plaatst tussen [code] tags. En verder laat je niet zien wat je zelf allemaal al geprobeerd hebt.