|
|||
Firefox richtig, ie falsch
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; } 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> Lg Mario |
Sponsored Links |
|
|||
Online ist sie noch nicht, nur auf meinem xampp. Falls ich noch online bin wenn du siehst hier: 62.178.94.114/globalbase
Werd sie dann mal versuchen, online zu stellen EDIT: Globalbase-FM | We make the noise <-- NUN ONLINE! Geändert von Mariot (11.10.2009 um 23:00 Uhr) |
|
|||
Geändert von Mariot (11.10.2009 um 23:08 Uhr) |
Themen-Optionen | |
Ansicht | |
|
|
Ähnliche Themen | ||||
Thema | Autor | Forum | Antworten | Letzter Beitrag |
Firefox 3 - Abstand nach oben falsch seit Umstellung auf UTF-8 | Hedge | CSS | 1 | 08.02.2009 22:41 |
IE6 zeigt Seite falsch an, IE7, FF und Opera machen es richtig | ThorstenSt | CSS | 0 | 10.09.2007 23:07 |
Designfehler: IE stellt Design falsch dar; FF macht alles richtig... | surffix | CSS | 1 | 03.08.2007 03:03 |
Zentrierter Hintergrund wird beim Verkleinern im Firefox falsch dargestellt | Alien | CSS | 5 | 13.04.2007 20:36 |
FireFox stellt height:100% nicht richtig dar | Cathness | CSS | 7 | 14.06.2005 14:20 |