ik heb een probleem met mijn layout. het werkt goed in firefox maar niet in internet explorer. de pagina die hij erbij inlaad (home.php) zet hij midden op de pagina neer iemand die kan helpen? ik heb ff een plaatje gemaakt om het wat duidelijker te maken wat ik bedoel:
http://members.lycos.nl/exterminator/page.jpg
index.php
 <?
ob_start();
if(isset($_GET["p"])){
    $page = stripslashes($_GET["p"]);
}
if(isset($_GET["page"])){
    $pagina = stripslashes($_GET["page"]);
}
else{
    $pagina = "";
}
?>
<html>
<head>
<title>site</title>
<link href="style.css" rel="stylesheet" type="text/css">
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1"><style type="text/css">
<!--
body {
    background-image: url(images/background.JPG);
}
-->
</style></head>

<body>
<div id='page'>
    <div id='header'><img src="images/banner.jpg"></div>
        <div id='text'>
            <div id='menu'>
            <div class="style3" style="background: url('images/menu.jpg'); width: 200px; height: 26px;">Hoofdmenu</div>
    <img src="images/pijl.gif"> <a href="?p=home">Home</a> <br>
    <img src="images/pijl.gif"> <a href="?p=nieuws">Nieuws</a> <br>
    <img src="images/pijl.gif"> <a href="forum/index.php">Forum</a><br>
    <img src="images/pijl.gif"> <a href="?p=contact">Contact</a><br>
    <img src="images/pijl.gif"> <a href="?p=zoeken">Zoeken</a><br>
    <div class="style3" style="background: url('images/menu.jpg'); width: 200px; height: 26px;">Leden</div>
    <img src="images/pijl.gif"> <a href="?p=aanmelden">Aanmelden</a><br>
    <img src="images/pijl.gif"> <a href="?p=login">Inloggen</a><br>
    <img src="images/pijl.gif"> <a href="?p=forgotpass">Wachtwoord vergeten</a><br>
    <img src="images/pijl.gif"> <a href="?p=ledenlijst">Ledenlijst</a><br>
    <div class="style3" style="background: url('images/menu.jpg'); width: 200px; height: 26px;">site</div>
    <img src="images/pijl.gif"> <a href="?p=test/">??</a><br>
    <img src="images/pijl.gif"> <a href="?p=test/">??</a><br>
    <img src="images/pijl.gif"> <a href="?p=forgotpass">Downloads</a><br>
<div class="style3" style="background: url('images/menu.jpg'); width: 200px; height: 26px;">Zoeken op het forum</div>
<br>
<form action="forum/search.php?mode=results" method="post" style="display: inline;">
            <input name="show_results" value="topics" type="hidden">
            <input name="search_keywords" class="post" size="12" type="text">
            <input value="Zoek" class="mainoption" type="submit">
</form>
    <br>
    <br>
    <div class="style3" style="background: url('images/menu.jpg'); width: 200px; height: 26px;">Poll</div>
    <?php include ("poll.php"); ?>    
    <br>
    <div class="style3" style="background: url('images/menu.jpg'); width: 200px; height: 26px;">Statistieken</div>
            </div>
            <div id='content'>

<?
if(!isset($page)){
    $page = "home";
}
if(!file_exists($page.".php")){
    include("home.php");
}
else{
    include($page.".php");
}
?>

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

home.php
 <div style=" width: 590px ; top: 0px;border: 1px solid black;">
<div style="background: url('images/menubalk.jpg'); width: 590px; height: 26px; color: #FFFFFF; font-weight: bold;">
  <div align="center">Welkom</div>
</div>
Welkom
</div>  

style.css

/* CSS Document */

body{
text-align:center;
font-family: "Times New Roman", Times, serif;
background-color: #E2F2FC;
}

#page{
text-align: left;
width: 800px;
margin: 10px auto;
background-color: #CCCCCC;
border: 1px solid black;
}

#header{
height: 123px;
border-bottom: 1px solid black;
}

#menu{
float: left;
font-size: 90%;
}

#content{
height: 600px;
padding: 2px;
margin-left: 200px;
border-left: 1px solid black;
background-color: #F4F4F4;
}
Ik weet het niet zeker maar ik denk dat FF automatisch uitlijnt boven in een div, en internet explorer doet dat altijd gewoon in het midden.
Zet in je div valign=''top" misschien werkt het dan wel.
hij zet hem wel boven maar niet als ik er nog css dingen bij zet dus zo doet die het niet
 <div valign="top" style="width: 590px; top: 0px; border: 1px solid black;">
<div style="background: url('images/menubalk.jpg'); width: 590px; height: 26px; color: #FFFFFF; font-weight: bold;" align="center">Welkom</div>
Welkom 
</div> 


en zo zet die hem wel boven
<div valign="top">
<div style="background: url('images/menubalk.jpg'); width: 590px; height: 26px; color: #FFFFFF; font-weight: bold;" align="center">Welkom</div>

Welkom
</div> 
Ik zie btw wel een </style> end tag maar geen begin ???
Heb je het ook geprobeert met een <div class="">

Je zet nu eerst valign="top" en daarnaast een style, het kan zijn dat IE daar niet mee overweg kan. maak je een complete class voor die div uiteraard inclusief het valign:top; dan zou hij het wel moeten doen.
hij haalt dan de border erom weg en ik heb in de css
#home{
width: 590px ; 
top: 0px;
border: 1px solid black;
valign: top; 
}  
staan
hoe krijg ik die border er weer bij
Je moet die valign in de content div zetten. Niet in die tabel. Nu zet hij de inhoud van deze div bovenaan volgens mij.
dat werkt ook niet:S iemand anders nogeen idee?
@Ton: 'link' even vervangen door 'url' dan doet ie het wél.

Reageren