zurück zur Startseite
  


Zurück XHTMLforum > (X)HTML und CSS > CSS
Seite neu laden Firefox richtig, ie falsch

Antwort
 
LinkBack Themen-Optionen Ansicht
  #1 (permalink)  
Alt 11.10.2009, 22:44
Neuer Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 05.09.2009
Beiträge: 19
Mariot befindet sich auf einem aufstrebenden Ast
Standard 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;
}
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
Mit Zitat antworten
Sponsored Links
  #2 (permalink)  
Alt 11.10.2009, 22:47
Benutzerbild von Pr0g
(^.^)
XHTMLforum-Mitglied
 
Registriert seit: 23.08.2005
Ort: Düsseldorf
Beiträge: 535
Pr0g wird schon bald berühmt werden
Standard

Ist die Seite online? Dann verlink lieber direkt
__________________
Mit Zitat antworten
Sponsored Links
  #3 (permalink)  
Alt 11.10.2009, 22:49
Neuer Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 05.09.2009
Beiträge: 19
Mariot befindet sich auf einem aufstrebenden Ast
Standard

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)
Mit Zitat antworten
  #4 (permalink)  
Alt 11.10.2009, 22:59
Benutzerbild von Pr0g
(^.^)
XHTMLforum-Mitglied
 
Registriert seit: 23.08.2005
Ort: Düsseldorf
Beiträge: 535
Pr0g wird schon bald berühmt werden
Standard

Hm, wie mache ich im IE nur Text-Zoom?^^
__________________
Mit Zitat antworten
  #5 (permalink)  
Alt 11.10.2009, 23:01
Neuer Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 05.09.2009
Beiträge: 19
Mariot befindet sich auf einem aufstrebenden Ast
Standard

Mit strg und scrollen mach ichs immer

SEITE IST ÜBRINGES ONLINE : http://demo.globalbase-fm.de/

Geändert von Mariot (11.10.2009 um 23:08 Uhr)
Mit Zitat antworten
  #6 (permalink)  
Alt 11.10.2009, 23:08
Benutzerbild von Pr0g
(^.^)
XHTMLforum-Mitglied
 
Registriert seit: 23.08.2005
Ort: Düsseldorf
Beiträge: 535
Pr0g wird schon bald berühmt werden
Standard

Da gibts bei mir ein vollstäniges Zoomen der Seite mit allen Objekten (also kein Verschieben etc). Von welchem IE reden wir überhaupt.
__________________
Mit Zitat antworten
  #7 (permalink)  
Alt 11.10.2009, 23:11
Neuer Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 05.09.2009
Beiträge: 19
Mariot befindet sich auf einem aufstrebenden Ast
Standard

Wie find ich das raus? Weiß das bei IE nicht

EDIT: Habs gefunden. IE7
Mit Zitat antworten
  #8 (permalink)  
Alt 11.10.2009, 23:13
Benutzerbild von Pr0g
(^.^)
XHTMLforum-Mitglied
 
Registriert seit: 23.08.2005
Ort: Düsseldorf
Beiträge: 535
Pr0g wird schon bald berühmt werden
Standard

Im Menü ? unter Info.
__________________
Mit Zitat antworten
  #9 (permalink)  
Alt 11.10.2009, 23:15
Neuer Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 05.09.2009
Beiträge: 19
Mariot befindet sich auf einem aufstrebenden Ast
Standard

Ja IE7 hab ich bereits geschrieben ^^
Mit Zitat antworten
Sponsored Links
  #10 (permalink)  
Alt 11.10.2009, 23:20
Benutzerbild von Pr0g
(^.^)
XHTMLforum-Mitglied
 
Registriert seit: 23.08.2005
Ort: Düsseldorf
Beiträge: 535
Pr0g wird schon bald berühmt werden
Standard

Hm, weiß nicht bei mir ist dort alles wie es sein soll (IE8 mit IE7 Kompatiblitätsmodus).
__________________
Mit Zitat antworten
Sponsored Links
Antwort

Themen-Optionen
Ansicht

Forumregeln
Es ist Ihnen nicht erlaubt, neue Themen zu verfassen.
Es ist Ihnen nicht erlaubt, auf Beiträge zu antworten.
Es ist Ihnen nicht erlaubt, Anhänge hochzuladen.
Es ist Ihnen nicht erlaubt, Ihre Beiträge zu bearbeiten.

BB-Code ist an.
Smileys sind an.
[IMG] Code ist an.
HTML-Code ist aus.
Trackbacks are an
Pingbacks are an
Refbacks are aus


Ä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


Alle Zeitangaben in WEZ +2. Es ist jetzt 09:10 Uhr.