Footer is niet op de juiste plek

Overzicht Reageren

Sponsored by: Vacatures door Monsterboard

16/05/2010 15:17:28
Quote Anchor link
Ik ben op dit moment bezig met de volgende website;Happykids

Probleem 1 is opgelost dankzij ; SanThe Nvt
Probleem 1;
Als je de website in "Internet Explorer" opent dan zit de menu te veel naar links, maar als je de website in "Google Chrome" opent dan is de menu wel op de juiste plaats.
Vraag; Hoe krijg ik de opgelost? ( heb elke regel langs gelopen, maar kom er niet achter )


Probleem2;
Als ik de website wil bewerken via "Dreamweaver CS5" dan is de footer wel zichtbaar en op de juiste plek maar kijk ik op de website dan is de footer niet op de juiste plek. ( Helemaal beneden! )
Vraag; Hoe krijg ik de footer op de juiste plek? & dat de pagina in "Google Chrome" & "Internet Explorer" niet zo uitgerekt wordt?



De source code;
Index.php
Quote:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
<title>Gastouderbureau Happy Kids</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta http-equiv="Content-Style-Type" content="text/css" />
<link href="style.css" rel="stylesheet" type="text/css" />
<link href="layout.css" rel="stylesheet" type="text/css" />

<!--[if lt IE 7]>
<link href="ie_style.css" rel="stylesheet" type="text/css" />
<script type="text/javascript" src="ie_png.js"></script>
<script type="text/javascript">
ie_png.fix('.png, #content, .extra-bg2');
</script>
<![endif]-->
</head>

<body id="page1">
<div class="tail-top">
<div class="tail-middle">
<div class="tail-bottom">
<div class="main-bg">
<div class="extra-bg1"></div>
<!-- header -->
<div id="header">
<div class="container">
<div class="logo"><a href="index.html"></a></div>
</div>
</div>
<!-- content -->
<div id="content">
<div class="extra-bg2"></div>
<div class="container">
<div class="inside">
<div class="wrapper">
<div class="aside">
<!-- box1 begin -->
<div class="box1 alt">
<div class="right-bot-corner">
<div class="left-bot-corner">
<div class="inner">
<img class="title" alt="" src="images/1page-title1.gif" /><br />
<ul class="list1">
<li><a href="index.php?p=algemeen/main">Home</a></li>
<li><a href="index.php?p=algemeen/doelstellingen">Doelstellingen</a></li>
<li><a href="index.php?p=algemeen/opvangnorm">Opvangvorm</a></li>
<li><a href="index.php?p=algemeen/gastouders">Gastouders</a></li>
<li><a href="index.php?p=algemeen/vraagouders">Vraagouders</a></li>
<li><a href="index.php?p=algemeen/comissie">Oudercomissie</a></li>
<li><a href="index.php?p=algemeen/wet">Wet K.O.</a></li>
<li><a href="index.php?p=algemeen/referenties">Referenties</a></li>
<li><a href="index.php?p=algemeen/franchisen">Franchisen</a></li>
<li><a href="index.php?p=algemeen/kosten">Kosten</a></li>
<li><a href="index.php?p=algemeen/nieuws">nieuws</a></li>
<li><a href="index.php?p=algemeen/contact">Contact</a> </li><li><a href="index.php?p=algemeen/tevreden">Tevreden</a></li>
<li><a href="index.php?p=algemeen/links">Links</a></li>
</ul>
</div>
</div>
</div>
</div>
<!-- box1 end -->

</div>
<div class="content">
<div class="section">
Code (php)
PHP script in nieuw venster Selecteer het PHP script
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
<?

    if($_GET[p]== "") {
    
    include("algemeen/main.php");

    }else{

    if(file_exists("".$_GET[p].".php")) {

    include("".$_GET[p].".php");

    }else{

    include("algemeen/404.php");

    }}

?>

<p align="justify">&nbsp;</p>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- footer -->
<div id="footer">
<div class="container">
<div class="indent">
Copyrights 2008-2010 Gastouderbureau <strong>Happy Kids KvK 05078775</strong>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</body>
</html>


Style.css;
Quote:
* { margin:0; padding:0;}
html, body { height:100%;}
body { background:#cf291c; font-family:Arial, Helvetica, sans-serif; font-size:100%; line-height:1.1875em; color:#3e3e3e;}

input, select, textarea { font-family:Arial, Helvetica, sans-serif; font-size:1em;}

.fleft { float:left;}
.fright { float:right;}
.clear { clear:both;}

.alignright { text-align:right;}
.aligncenter { text-align:center;}

.wrapper { width:100%; overflow:hidden;}

p { margin-bottom:19px;}

.tail-top { background:url(images/tail-top.gif) left top repeat-x #cf291c;}
.tail-bottom { background:url(images/tail-bottom.gif) left bottom repeat-x;}
.tail-middle { background:url(images/content-bottom1.jpg) center 210px repeat-y;}
.main-bg { background:url(images/main-bg.jpg) center top no-repeat; min-height:1268px;}

/*==================list====================*/
ul { list-style:none;}

.list1 li { background:url(images/line-dot.gif) left bottom repeat-x; font-size:1.17em; padding:0 0 6px 0; margin-bottom:5px;}
.list1 li.last { background:none;}
.list1 li a { color:#565655; text-decoration:none;}
.list1 li a:hover { color:#ff7e00;}



/*==================other====================*/
.img-indent { margin:0 40px 0 0; float:left;}
.img-box { width:100%; overflow:hidden; padding-bottom:30px;}
.img-box img { float:left; margin:0 40px 0 0;}

.extra-wrap { overflow:hidden; }

.p1 { margin-bottom:9px;}
.p2 { margin-bottom:18px;}
.p3 { margin-bottom:27px;}

/*==================txt, links, lines, titles====================*/
a {color:#ffb401; outline:none;}
a:hover{text-decoration:none;}

h2 { font-size:1.25em; line-height:1.47em; font-weight:bold; color:#1a1b19; margin-bottom:12px;}
h3 { font-size:1.17em; color:#fff; font-weight:normal; margin-bottom:8px; text-transform:uppercase;}
h5 { font-size:1em; color:#fbf9fa; font-weight:normal;}

.txt1 { color:#ff6f01;}
.txt2 { color:#ff7e00;}
.price { font-size:22px; line-height:1.1em; color:#fbf9fa;}

.link1 { display:block; float:left; background:url(images/link1-bg.gif) left top repeat-x; color:#fff; text-decoration:none; margin-right:23px;}
.link1 em { display:block; background:url(images/link1-left.gif) no-repeat left top;}
.link1 b { display:block; background:url(images/link1-right.gif) no-repeat right top; padding:3px 8px 5px 8px; font-style:normal;}
.link1:hover { color:#000;}

.link2 { color:#fff;}

.line-hor { background:#302f2e; height:1px; overflow:hidden; font-size:0; line-height:0; margin:25px 0 25px 0;}
.line-ver { background-image:url(images/line-ver.gif); background-repeat:repeat-y; width:100%;}

.title { margin-bottom:20px;}

/*==================boxes====================*/
.box { background:#1f1f1d; width:100%;}

.box .inner { padding:20px; padding-bottom:30px;}

.box1 { background:url(images/box1-top.gif) no-repeat left top #d7ffa3; width:100%;}
.box1.alt { margin-bottom:20px;}
.box1 .inner { padding:20px; padding-bottom:30px;}

.dept-list { float:left;}
.dept-list dd { clear:both; text-align:right;}
.dept-list dd span { float:left; padding-right:25px;}
.dept-list dd p { text-align:left;}
.dept-list dd a { color:#8a8989;}



/*content*/
#content { background:url(images/content-bg.png) center top repeat-y; width:100%; min-height:629px; height:auto !important; height:629px;}
#content .inside { padding:0 35px 0 44px;}
#content .section { padding-bottom:42px;}
#content .inside1 { padding:33px 45px 0 44px;}

/*footer*/
#footer { text-align:right; color:#ffffff;}
#footer .indent { padding:75px 15px 0 0;}
#footer a { color:#cf291c; text-decoration:none;}
#footer a:hover { text-decoration:underline;}

/*==========================================*/


layout.css;
Quote:
.container { width:988px; margin:0 auto; position:relative;}

#header {height:306px; background:url(images/header-bg.jpg) center top no-repeat;}
#header, #content, #footer { font-size:0.75em; position:relative;}

.col-1, .col-2, .col-3 { float:left;}

#content .aside { float:left; width:229px; margin-right:47px;}
#content .content { float:left; width:630px; padding:33px 0 0 0;}

/*======= index.html =======*/
#page1 #content .col-1 {width:290px; margin-right:41px;}
#page1 #content .col-2 { width:295px;}

/*======= index-1.html =======*/
#page2 #content .col-1 {width:190px; margin-right:41px;}
#page2 #content .col-2 { width:378px;}

/*======= index-2.html =======*/
#page3 #content .col-1 {width:288px; margin-right:41px;}
#page3 #content .col-2 { width:290px;}

/*=========================*/


#footer {height:138px; background:url(images/footer-bg.png) no-repeat center top;}



Ik zit er al een weekje mee te kloten maar het lukt me niet!!
Kan iemand mij helpen?

Groetjes,
Martijn.
Gewijzigd op 16/05/2010 17:00:30 door
 
PHP hulp

PHP hulp

18/12/2024 04:33:54
 
- SanThe -

- SanThe -

16/05/2010 15:22:50
Quote Anchor link
(x)HTML is niet valid: 33 Errors, 1 warning(s)
Ga dat eerst eens in orde maken.
 

16/05/2010 15:31:04
Quote Anchor link
Beste SanThe Nvt,

Bedankt voor je reactie, mag ik vragen hoe je snel achterkomt dat er zoveel errors zijn? En denk dat die warning door de php script komt omdat die 404.php niet kan vinden.

groetjes,
Martijn
 
- SanThe -

- SanThe -

16/05/2010 15:33:54
Quote Anchor link
Klik
Gewijzigd op 16/05/2010 15:34:58 door - SanThe -
 

16/05/2010 16:00:25
Quote Anchor link
Heel erg bedankt!
Alleen als ik wat oplos komt er een andere probleem voor in de plaats.

ps; is er niet 1 in het NL ben namelijk niet zo goed in Engels.
 
- SanThe -

- SanThe -

16/05/2010 16:07:06
Quote Anchor link
Dit is de belangrijkste: No DOCTYPE found!
 

16/05/2010 16:14:18
Quote Anchor link
Dat heb ik veranderd bedankt. Maar daarna ontstaan er 40 warnings, waarvan ik niet weet wat ze bedoelen omdat ze in het engels zijn.
 

16/05/2010 16:15:44
Quote Anchor link
Ps; hierdoor is de menu wel eindelijk op zijn plaats! bedankt!

Nu moet alleen nog de footer op de juiste plek komen.
Gewijzigd op 16/05/2010 17:04:31 door
 

23/05/2010 19:03:13
Quote Anchor link
Alle problemen zijn verholpen,
bedankt voor al jullie hulp
 



Overzicht Reageren

 
 

Om de gebruiksvriendelijkheid van onze website en diensten te optimaliseren maken wij gebruik van cookies. Deze cookies gebruiken wij voor functionaliteiten, analytische gegevens en marketing doeleinden. U vindt meer informatie in onze privacy statement.