schnubbirz
08.05.2006, 20:55:18
Moin Moin,
bin gerade dabei ein Design mit CSS zu realisieren. Dabei stoße ich auf folgendes Problem: Im Internet Explorer (6.0) und auch in Opera (8.54) funktioniert alles wunderbar. Aber in Firefox (1.5.0.3) sind die div-Container irgendwie ein bisschen verrutscht (siehe Bilder)
Internet Explorer (http://www.kernies.redprohosting.de/bildablage/internet_explorer.jpg)
Opera (http://www.kernies.redprohosting.de/bildablage/opera.jpg)
Firefox (http://www.kernies.redprohosting.de/bildablage/firefox.jpg)
Und hier der entsprechende Code:
<?php
error_reporting(E_ALL);
include "inc/config.inc.php";
if(get_magic_quotes_gpc())
{
array_stripslashes($_GET);
array_stripslashes($_POST);
array_stripslashes($_COOKIE);
}
?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Kerngammler.tk - Seite der Kernies aus Heikendorf</title>
<link rel="stylesheet" type="text/css" href="inc/page.css" />
</head>
<body background="<?php echo $background; ?>">
<br />
<div align="center">
<div style="border:0px; padding:0px; width:95%; text-align:center;">
<div style="width:100%; height:80px; text-align:center; vertical-align:middle;" class="header"><?php include "content/header.php"; ?></div>
<div style="width:20%; height:24px; float:left; vertical-align:middle; text-align:left;" class="h_ueberschrift"><input type="button" value="Zu Favoriten hinzufügen..." class="button_fa" onclick="javascript:window.external.AddFavorite('<?php echo "http://".$_SERVER['HTTP_HOST'].$_SERVER['REQUEST_URI'].""; ?>', 'Kernies aus Heikendorf')"></div>
<div style="width:80%; height:24px; float:right" valign="middle" class="h_ueberschrift"><?php
if(isset($_GET['section']) AND isset($headline[$_GET['section']]))
{
echo$headline[$_GET['section']];
}
else
{
echo$headline['news'];
}
?></div>
<div style="width:20%; height:450px; vertical-align:top; text-align:left; float:left;" class="menue"><?php include "content/menue.php"; ?></div>
<div style="width:80%; height:450px; vertical-align:text-top; text-align:center; float:right;" class="back"><?php include "content/inhalt.php"; ?></div>
<div style="width:100%; height:40px; text-align:center; vertical-align:middle; clear:both;" class="footer"><?php include "content/footer.php"; ?></div>
</div>
<br />
</body>
</html>
Irgendjemand eine Idee, wie man das Problem so beheben könnte, sodass es in allen drei Browsern geht?
MFG
bin gerade dabei ein Design mit CSS zu realisieren. Dabei stoße ich auf folgendes Problem: Im Internet Explorer (6.0) und auch in Opera (8.54) funktioniert alles wunderbar. Aber in Firefox (1.5.0.3) sind die div-Container irgendwie ein bisschen verrutscht (siehe Bilder)
Internet Explorer (http://www.kernies.redprohosting.de/bildablage/internet_explorer.jpg)
Opera (http://www.kernies.redprohosting.de/bildablage/opera.jpg)
Firefox (http://www.kernies.redprohosting.de/bildablage/firefox.jpg)
Und hier der entsprechende Code:
<?php
error_reporting(E_ALL);
include "inc/config.inc.php";
if(get_magic_quotes_gpc())
{
array_stripslashes($_GET);
array_stripslashes($_POST);
array_stripslashes($_COOKIE);
}
?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Kerngammler.tk - Seite der Kernies aus Heikendorf</title>
<link rel="stylesheet" type="text/css" href="inc/page.css" />
</head>
<body background="<?php echo $background; ?>">
<br />
<div align="center">
<div style="border:0px; padding:0px; width:95%; text-align:center;">
<div style="width:100%; height:80px; text-align:center; vertical-align:middle;" class="header"><?php include "content/header.php"; ?></div>
<div style="width:20%; height:24px; float:left; vertical-align:middle; text-align:left;" class="h_ueberschrift"><input type="button" value="Zu Favoriten hinzufügen..." class="button_fa" onclick="javascript:window.external.AddFavorite('<?php echo "http://".$_SERVER['HTTP_HOST'].$_SERVER['REQUEST_URI'].""; ?>', 'Kernies aus Heikendorf')"></div>
<div style="width:80%; height:24px; float:right" valign="middle" class="h_ueberschrift"><?php
if(isset($_GET['section']) AND isset($headline[$_GET['section']]))
{
echo$headline[$_GET['section']];
}
else
{
echo$headline['news'];
}
?></div>
<div style="width:20%; height:450px; vertical-align:top; text-align:left; float:left;" class="menue"><?php include "content/menue.php"; ?></div>
<div style="width:80%; height:450px; vertical-align:text-top; text-align:center; float:right;" class="back"><?php include "content/inhalt.php"; ?></div>
<div style="width:100%; height:40px; text-align:center; vertical-align:middle; clear:both;" class="footer"><?php include "content/footer.php"; ?></div>
</div>
<br />
</body>
</html>
Irgendjemand eine Idee, wie man das Problem so beheben könnte, sodass es in allen drei Browsern geht?
MFG