Indhold på side rykkes afhængig af mængden af tekst! margin auto
Jeg har et problem i firefox. Jeg har følgende i test.css#test {
width:500px;
margin:0px auto;
text-align:left;
padding:15px;
border:1px dashed #333;
background-color:#eee;
}
og i en test.php har jeg følgende
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
<head>
<title>
test
</title>
<meta http-equiv="content-type" content="text/html; Charset=iso-8859-1" />
<link rel="stylesheet" type="text/css" href="test.css" />
</head>
<body>
<div id = "test">
<h4>Indhold</h4>
<a href = "?pg=forside">forside</a>
<a href = "?pg=tilbud">tilbud</a>
<br />
<br />
<?php
$pg = (isset($_GET['pg'])) ? $_GET['pg'] : "forside";
//filnavn kaldes med lowercase karakterer
$pg_lcase = strtolower($pg);
$center_content_file = "$pg_lcase.php";
if(file_exists($center_content_file)){
include("$pg_lcase.php");
}
?>
</div>
</body>
og så har jeg naturligvis de to filer forside.php og tilbud.php.
I en af filerne (lad os sige forside.php) er der tekst som kan være på skærmen uden at der kan scrolles. I den anden fil er der masser af tekst således der skal scrolles. Når man klikker skiftevis på forside og tilbud linket, så ses det at indholdet rykkes!
Hvad skyldes dette?
på forhånd tak for hjælpen.
