Hallo. Ich habe ein Problem. Im IE verschieben sich die divs beim zoom. Allerdings nur oben. Im Firefox ist alles richtig. Ausserdem habe ich noch das Problem, das bei niedriger Auflösung nicht die volle breite und höhe angezeigt wird. Ich muss erst zurückzoomen um überhaupt alles sehen zu können.
Hier css:
Code:
html {
padding:0px;
margin:0px;
}
body {
background-color: #000000;
font-size: 12px;
font-family: Verdana, Arial, SunSans-Regular, Sans-Serif;
color:#564b47;
text-align:center;
}
/* positioning-layers statisch und absolut */
#elternelement{
background-color:transparent;
width: 1000px;
height: 500px;
position: absolute;
top: 40%;
left: 50%;
margin-left: -500px;
margin-top: -250px;
}
#header{
height:200px;
width:1010px;
background-image: url(../image/header1.jpg);
float:left;
margin-left:0px;
}
#playerparent{
background-color:#FFFFFF;
width: 250px;
height: 50px;
position: absolute;
top: 34%;
left: 120%;
margin-left: -460px;
margin-top: -30px;
}
#elternelement1{
background-color:red;
width: 1000px;
height: 110px;
position: absolute;
top: 53%;
left: 50%;
margin-left: -499px;
margin-top: -55px;
}
#elternelement2{
background-color:#0b65b1;
width: 1010px;
height: 110px;
position: absolute;
top: 52%;
left: 33%;
margin-left: -331px;
margin-top: -57px;
}
#news{
height:94px;
width:150px;
margin:8px;
margin-right:18px;
background-color:#041733;
float:left;
}
#news1{
height:94px;
width:150px;
margin:8px;
margin-right:18px;
background-color:#041733;
float:left;
}
#news2{
height:94px;
width:150px;
margin:8px;
margin-right:18px;
background-color:#041733;
float:left;
}
#news3{
height:60px;
width:468px;
margin:5px;
background-color:#041733;
float:left;
margin-top:9px;
}
#news4{
height:31px;
width:88px;
margin:1px;
background-color:#041733;
float:left;
margin-right:6px;
margin-top:-1px;
margin-left:5px;
}
#news5{
height:31px;
width:88px;
margin:1px;
background-color:#041733;
float:left;
margin-right:6px;
margin-top:-1px;
}
#news6{
height:31px;
width:88px;
margin:1px;
background-color:#041733;
float:left;
margin-right:6px;
margin-top:-1px;
}
#news7{
height:31px;
width:88px;
margin:1px;
background-color:#041733;
float:left;
margin-right:6px;
margin-top:-1px;
}
#news8{
height:31px;
width:88px;
margin:1px;
background-color:#041733;
float:left;
margin-right:6px;
margin-top:-1px;
}
#elternelement3{
background-color:#0b65b1;
width: 1010px;
position: absolute;
top: 290%;
left: 48%;
margin-left: -484px;
margin-top: -200px;
}
#navitext{
width:150px;
height:25px;
margin:0px;
margin-top:8px;
margin-left:8px;
background-image: url(../image/left.png);
float:left;
text-align:left;
line-height:1px;
color:#FFFFFF;
}
#laufanzeige{
width:694px;
height:25px;
margin-top:8px;
background-image: url(../image/center.png);
float:left;
color:#FFFFFF;
font-size:11px;
line-height:8px;
}
#seitenleiste{
width:150px;
height:2550px;
margin:8px;
margin-top:0px;
background-color:#101010;
float:right;
text-align:left;
color:#FFFFFF;
}
#navitext2{
width:150px;
height:25px;
margin:0px;
margin-top:8px;
margin-left:0px;
background-image: url(../image/right.png);
float:left;
text-align:left;
line-height:1px;
color:#FFFFFF;
}
#navigation{
width:150px;
height:2550px;
margin:8px;
background-color:#101010;
float:left;
margin-top:0px;
text-align:left;
line-height:1px;
color:#FFFFFF;
}
a:link{
color:#0066FF;
text-decoration: none
}
a:visited{
color:#0066FF;
text-decoration: none
}
a:hover{color:#FFFFFF;
text-decoration: none
}
a:active{color:#0066FF;
text-decoration: none
}
#google{
width:678px;
height:25px;
background-color:#101010;
margin-top:8px;
float:left;
}
#inhalt{
width:668px;
height:2500px;
margin-left:0px;
margin-top:5px;
padding:5px;
background-color: #e1e1e1;
float:left;
text-align:left;
color:#000000;
}
#footer{
width:1009px;
height:30px;
background-color:#004195;
position: absolute;
top: 113%;
left: 48%;
margin-left: -484px;
margin-top: -207px;
}
Hier dazugehörige HTML:
HTML-Code:
<?php
session_start();
$Divauswahl=$_REQUEST['div'];
$Status=$_REQUEST['Status'];
?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head><link href="css/screen.css" rel="stylesheet" type="text/css" />
<title>Globalbase-FM | We make the noise</title>
</head>
<body>
<div id="elternelement">
<div id="header">
<div id="playerparent">
</div>
</div>
<div id="elternelement1">
<div id="elternelement2">
<div id="news"></div>
<div id="news1"></div>
<div id="news2"></div>
<div id="news3"></div>
<div id="news4"></div>
<div id="news5"></div>
<div id="news6"></div>
<div id="news7"></div>
<div id="news8"></div>
</div>
<div id="elternelement3">
<div id="navitext"></div>
<div id ="laufanzeige">
<?php
/*
Now Playing PHP script for SHOUTcast
This script is (C) MixStream.net 2008
Feel free to modify this free script
in any other way to suit your needs.
Version: v1.1
*/
/* ----------- Server configuration ---------- */
$ip = "91.121.142.22";
$port = "7500";
/* ----- No need to edit below this line ----- */
/* ------------------------------------------- */
$fp = @fsockopen($ip,$port,$errno,$errstr,1);
if (!$fp)
{
echo "Connection refused"; // Diaplays when sever is offline
}
else
{
fputs($fp, "GET /7.html HTTP/1.0\r\nUser-Agent: Mozilla\r\n\r\n");
while (!feof($fp))
{
$info = fgets($fp);
}
$info = str_replace('</body></html>', "", $info);
$split = explode(',', $info);
if (empty($split[6]) )
{
echo "The current song is not available"; // Diaplays when sever is online but no song title
}
else
{
$title = str_replace('\'', '`', $split[6]);
$title = str_replace(',', ' ', $title);?>
<br><marquee direction="left" onmouseover="this.scrollAmount=0" onmouseout="this.scrollAmount=2" scrollamount="2" scrolldelay="10">
<?php echo "$title";?></marquee><?php
}
}
?>
</div>
<div id="navitext2"></div>
<div id="seitenleiste">
<p style="margin-left: 5px;font-size:10px;"><i>Login Center</i></p>
<?php
switch ($Status){
case angemeldet:
echo "angemeldet";
break;
case Fehler:
?>
<?php
$_SESSION["s_id"] = session_id();
echo ("Deine Angaben waren unvollständig <br>
<form action='session_check.php' method='post'>
<table>
<tr>
<td><input type='text' name='benutzer' value='Benutzername' size='15' maxlength='30'></td>
</tr>
<tr>
<td><input type='password' name='password' value='Passwort' size='15' maxlength='10'></td>
</tr>
<td><input type='submit' value='Login'></td>
</tr>
</table>
</form>
");
break;
case Angabefalsch:
?>
<h3><p style="margin-left: 5px;"><i>Login Center:</i></h3></p><?php
$_SESSION["s_id"] = session_id();
echo ("Deine Angaben waren falsch <br>
<form action='session_check.php' method='post'>
<table>
<tr>
<td><input type='text' name='benutzer' value='Benutzername' size='15' maxlength='30'></td>
</tr>
<tr>
<td><input type='password' name='password' value='Passwort' size='15' maxlength='10'></td>
</tr>
<td><input type='submit' value='Login'></td>
</tr>
</table>
</form>
");
break;
default:
?>
<?php
$_SESSION["s_id"] = session_id();
echo ("
<form action='session_check.php' method='post'>
<table>
<tr>
<td><input type='text' name='benutzer' value='Benutzername' size='15' maxlength='30'></td>
</tr>
<tr>
<td><input type='password' name='password' value='Passwort' size='15' maxlength='10'></td>
</tr>
<td><input type='submit' value='Login'></td>
</tr>
</table>
</form>
");
}
?>
</div>
<div id ="navigation"><br>
<p style="margin-left: 20px; font-size:10px; "><i>Allgemein</i></p>
<p style="margin-left: 20px; line-height:15px;">
<a href="index.php">Startseite</a><br>
<a href="dein_link.html">Events</a><br>
<a href="index.php?div=LinkUs">LinkUs</a><br>
<a href="dein_link.html">Wallpaper</a><br>
<a href="dein_link.html">Partner</a><br>
<a href="dein_link.html">Sponsoren</a><br>
<a href="dein_link.html">Gästebuch</a><br>
<p style="margin-left: 20px; font-size:10px;"><i>GlobalBase</i></p>
<p style="margin-left: 20px; line-height:15px;">
<a href="dein_link.html">Team</a><br>
<a href="dein_link.html">Sendeplan</a><br>
<a href="dein_link.html">Tracklist</a><br>
<A HREF="grussbox.php" TARGET="_blank">Grussbox</A><br>
<a href="dein_link.html">Forum</a><br>
<a href="dein_link.html">Chatroom</a><br>
<a href="dein_link.html">Userliste</a><br>
<a href="index.php?div=bewirbdich">Bewirb dich</a><br>
<a href="dein_link.html">Kontakt</a><br>
<a href="index.php?div=Impressum">Impressum</a><br>
<p style="margin-left: 20px;font-size:10px;"><i>Deine Verwaltung</i></p>
<p style="margin-left: 20px; line-height:15px;">
<a href="dein_link.html">Mein Profil</a><br>
<a href="dein_link.html">Profil bearbeiten</a><br>
<a href="dein_link.html">Mein Gästebuch</a><br>
<p style="margin-left: 20px;font-size:10px;"><i>Team-Bereich</i></p>
<p style="margin-left: 20px; line-height:15px;">
<a href="dein_link.html">Sendeplan</a><br>
<a href="dein_link.html">OnAir-Box</a><br>
<a href="index.php?div=streamstatistik.php">Streamstatistik</a><br>
<a href="dein_link.html">News verfassen</a><br>
<a href="dein_link.html">Urlaubsantrag</a><br>
<a href="dein_link.html">Kontaktdaten - eintragen</a><br>
<a href="dein_link.html">Administration</a><br>
</div>
<div id="google"></div>
<div id="inhalt">
<?php
switch ($Divauswahl) {
case Impressum:
include ("Impressum.php");
break;
case LinkUs:
include ("linkus.php");
break;
case Streamstatistik:
include ("streamstatistik.php");
break;
case bewirbdich:
include ("bewirbdich.php");
break;
default:
?>
<fieldset>
<legend>Wir suchen dich!</legend>
<br><center><img src="image/wsd.jpg" border=10px;></center>
</fieldset>
<?php
break;
}
?>
</div>
</body>
</html>
Sorry das bisschen php code drinnen ist. Danke schonmal für die Hilfe.
Lg Mario