✔ Grosses Problem mit dem IE

Status
Nicht offen für weitere Antworten.
tinella

tinella

Erfahrenes Mitglied
Hi Leute

Ich weiss echt nicht mehr weiter, ich hoffe ihr könnt mir (ansatzweise) helfen...
Habe eine Homepage programmiert, die mit Firefox super läuft.
Unglücklicherweise habe ich das Ganze nicht fortlaufend auf dem IE getestet weil ich Mac habe und zu blöd bin Windows mit Paralells zu installieren.
Kann man auf http://www.tinella.ch angucken.

Ich wäre um jeden Hinweis froh den ich bekomme.
Im Moment sehe ich einen rieesen Berg vor mir und ich habe echt keinen Plan wie ich das hinkriegen soll.

Die Struktur sieht so aus wie im Attachement.

index.php
PHP: 
<?php 
// UTF-8
header("Content-type: text/html; charset=UTF-8");

// FILE INCLUDES
include "includes/config.php";
include $CONFIG['includepath']."phpmailer/class.phpmailer.php";

// SESSIONS
session_start();

// GLOBAL VARIABLES
$PHP_SELF = $_SERVER['PHP_SELF'];

// SITE HANDLING
// for text content
if ($_REQUEST['textContent']) $_SESSION['sessionTextContent'] = $_REQUEST['textContent'];
if (!$_SESSION['sessionTextContent']) $_SESSION['sessionTextContent'] = "home";

// for header picture
if ($_REQUEST['header']) $_SESSION['sessionHeader'] = $_REQUEST['header'];
if (!$_SESSION['sessionHeader']) $_SESSION['sessionHeader'] = 1;

$_SESSION['sessionTitle'] = $_SESSION['sessionHeader'];

// for menu buttons
if ($_REQUEST['textContent']) $_SESSION['sessionOver'] = $_REQUEST['textContent'];
if (!$_SESSION['sessionOver']) $_SESSION['sessionOver'] = "home";
?>

<!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>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Treepower.ch</title>
<link href="<?php echo $CONFIG['csspath']; ?>styles.css" rel="stylesheet" type ="text/css" />
<script language="javascript" src="<?php $CONFIG['includepath'] . "effects.js" ?>"></script>
<!-- FOR LAYERS -->
<?php /*
if($_GET['link'] == 1) $file = $CONFIG['contentpath']."layer.fuermich.php";
if($_GET['link'] == 2) $file = $CONFIG['contentpath']."layer.fuermich.php";
if($_GET['link'] == 3) $file = $CONFIG['contentpath']."layer.fuermich.php";

if(is_file($file)) {
	?>
	<div id="forLayer">
		<?php require $file; ?>
	</div>
	<?php
}
*/?>


<body onload="MM_preloadImages('<?php echo $CONFIG['imagepath']; ?>/homeover.gif','<?php echo $CONFIG['imagepath']; ?>/aboutover.gif','<?php echo $CONFIG['imagepath']; ?>/offerdocover.gif','<?php echo $CONFIG['imagepath']; ?>/teamover.gif','<?php echo $CONFIG['imagepath']; ?>/referencesover.gif','<?php echo $CONFIG['imagepath']; ?>/contactover.gif')">
<div id="maincontainer">
	<div id="left">
		<div id="logo"><!-- pic from css --></div>
		<div id="navigation"><!-- pic from css -->
			<!-- Space between logo and menu is an empty div. -->
			<div id="logomenuspace"><!-- space between logo and menu --></div>
			<div id="menu">
				<div class="menupointone"><a href="<?php echo $PHP_SELF; ?>?textContent=home&amp;header=1" 
				onmouseover="MM_swapImage('Image1','','<?php echo $CONFIG['buttonpath']; ?>homeover.gif',1)" onmouseout="MM_swapImgRestore()">
				<img src="<?php echo $CONFIG['buttonpath']; ?>home<?php if($_SESSION['sessionOver'] == "home") echo "over"; ?>.gif" alt="Home" 
				name="home" border="0" id="Image1" /></a>
				</div>
				
				<div class="menupointtwo"><a href="<?php echo $PHP_SELF; ?>?textContent=about&amp;header=2" 
				onmouseover="MM_swapImage('Image2','','<?php echo $CONFIG['buttonpath']; ?>aboutover.gif',1)" onmouseout="MM_swapImgRestore()">
				<img src="<?php echo $CONFIG['buttonpath']; ?>about<?php if($_SESSION['sessionOver'] == "about") echo "over"; ?>.gif" alt="&Uuml;ber TREEPOWER" 
				name="about" border="0" id="Image2" /></a>
				</div>	
							
				<div class="menupointthree"><a href="<?php echo $PHP_SELF; ?>?textContent=offerdoc&amp;header=3" 
				onmouseover="MM_swapImage('Image3','','<?php echo $CONFIG['buttonpath']; ?>offerdocover.gif',1)" onmouseout="MM_swapImgRestore()">
				<img src="<?php echo $CONFIG['buttonpath']; ?>offerdoc<?php if($_SESSION['sessionOver'] == "offerdoc") echo "over"; ?>.gif" alt="Angebot / DOKU" 
				name="offerdoc" border="0" id="Image3" /></a>
				</div>
								
				<div class="menupointfour"><a href="<?php echo $PHP_SELF; ?>?textContent=team&amp;header=4" 
				onmouseover="MM_swapImage('Image4','','<?php echo $CONFIG['buttonpath']; ?>teamover.gif',1)" onmouseout="MM_swapImgRestore()">
				<img src="<?php echo $CONFIG['buttonpath']; ?>team<?php if($_SESSION['sessionOver'] == "team") echo "over"; ?>.gif" alt="Team" 
				name="team" border="0" id="Image4" /></a>
				</div>
								
				<div class="menupointfive"><a href="<?php echo $PHP_SELF; ?>?textContent=references&amp;header=5" 
				onmouseover="MM_swapImage('Image5','','<?php echo $CONFIG['buttonpath']; ?>referencesover.gif',1)" onmouseout="MM_swapImgRestore()">
				<img src="<?php echo $CONFIG['buttonpath']; ?>references<?php if($_SESSION['sessionOver'] == "references") echo "over"; ?>.gif" alt="Referenzen / Media" 
				name="references" border="0" id="Image5" /></a>
				</div>
								
				<div class="menupointsix"><a href="<?php echo $PHP_SELF; ?>?textContent=contact&amp;header=6" 
				onmouseover="MM_swapImage('Image6','','<?php echo $CONFIG['buttonpath']; ?>contactover.gif',1)" onmouseout="MM_swapImgRestore()">
				<img src="<?php echo $CONFIG['buttonpath']; ?>contact<?php if($_SESSION['sessionOver'] == "contact") echo "over"; ?>.gif" alt="Kontakt" 
				name="contact" border="0" id="Image6" /></a>
				</div>
			</div>
			<div id="address">
			Urmisweg 4a<br />CH-6102 Malters<br />Tel: +41 (0)41 497 46 86<br /><a href="mailto:treepower@gmx.ch" class="addressLink " target="_blank">treepower@gmx.ch</a></div>
		</div>
	</div>
	<div id="middle">
		<div id="header" style="background-image:url(<?php echo $CONFIG['headerpath']."header".$_SESSION['sessionHeader']; ?>.jpg);">  </div>
		
		<div id="content" style="background-image:url(pictures/<?php if($_SESSION['sessionTextContent'] == "home") 
			echo "homebackground";  else  echo "contentbackground"; ?>.jpg);">
			<div id="textlocation">
			<p>
			<?php
			// Take wished file for content
			$file = $CONFIG['contentpath'].$_SESSION['sessionTextContent'].".php";
			if (is_file($file)) require $file; 
			?>
			</p>
			</div>
		</div>
	</div>
	<div id="right"></div>
</div>
</body>
</html>


css:
PHP: 
/* CSS document TREEPOWER.CH */

@charset "utf-8";

*{
margin:0px;
padding:0px;
}

body{
font-family:Arial, Helvetica, sans-serif;
/*color:#232833;*/
color:#286247;
font-size:14px;
line-height:23px;
}

#maincontainer{
height:768px;
width:1024px;
margin:auto;
}

/* LEFT */
#left {
height:768px;
width:270px;
float:left;
}

#logo{
height:252px;
width:270px;
background-image:url(../pictures/logo.gif);
}

#navigation{
height:516px;
width:270px;
background-image:url(../pictures/navigation.jpg);
}

#menu{
height:267px;
width:237px;
}

#address{
height:100px;
width:236px;
font-family:Arial, Helvetica, sans-serif;
color:#3da877;
font-size:12px;
line-height:20px;
text-align:right;
margin-top:60px;
}

a.addressLink {
color:#3da877;
text-decoration:none;
}

a.addressLink:hover {
color:#286247;
text-decoration:underline;
}

#logomenuspace{
height:57px;
width:237px;
}

.menupointone{
height:31px;
width:236px;
background-color:#ac5f7f;
}

.menupointtwo{
height:31px;
width:236px;
background-color:#f6cd00;
margin-top:16px;
}

.menupointthree{
height:31px;
width:236px;
background-color:#6fb9ff;
margin-top:16px;
}

.menupointfour{
height:31px;
width:236px;
background-color:#766dab;
margin-top:16px;
}

.menupointfive{
height:31px;
width:236px;
background-color:#41b98d;
margin-top:16px;
}

.menupointsix{
height:31px;
width:236px;
background-color:#9dac6d;
margin-top:16px;
}

/* MIDDLE */
#middle {
height:768px;
width:694px;
float:left;
}

#header{
height:252px;
width: 694px;
float:left;
}

#content {
margin-top:252px;
height:516px;
width:694px;
overflow: auto;
}

a.standardLink {
color:#286247;
text-decoration:underline;
}

a.standardLink:hover {
color:#3da877;
text-decoration:none;
}

ul.redlist {
list-style-image:url(../pictures/redlist.jpg);
}

ul.yellowlist {
list-style-image:url(../pictures/yellowlist.jpg);
}

#textlocation{
padding-top:60px;
padding-left:33px;
padding-right:33px;
margin-bottom:17px;
}

.title{
font-size:22px;
margin-bottom:10px;
}

.hometext{
color:#1f4b37;
font-size:18px;
line-height:30px;
}

.smalltext{
margin-top:7px;
font-size:12px;
font-style:italic;
line-height:15px;
}

.undertitle{
font-size:17px;
margin-bottom:10px;
}

LI { margin-left:14px; }

TD { vertical-align:text-top; }

IMG thomasreutimann {
border-color:#6FB9FF;
}

.team{
width:622px;
}

/* Contactform */
.errorMsg {
background-color:#FFBBBB;
border:1px solid #FF7979;
padding:4px;
font-size:12px;
color:#FF7979;
margin-bottom:20px;
}

#contactForm tr{
height:24px;
}

.standardInputField{
width:260px;
}

.plzInputField{
width:32px;
}

.ortInputField{
width:221px;
}
	
/* RIGHT */
#right {
height:100%;
width:60px;
float:left;
background-image:url(../pictures/right.jpg);
}
 

Anhänge

  • struktur.jpg
    struktur.jpg
    16,1 KB · Aufrufe: 26
Hi,

erweiter mal das Stylesheet für den IE folgendermaßen:

Code: 
#content {
margin-top:252px !important; /* Für moderne Browser */
margin-top:0; /* Für IE */
height:516px;
width:694px;
overflow: auto;
}
 
Ich habe das jetzt gemacht und upgeloadet, leider ändert es nichts.

Könntest du mir sagen, wieso dass du den Important-Tag bei CONTENT gemacht hast und nicht zB bei MIDDLE oder RIGHT?
 
Bei mir (Win2000 Prof. SP4) wird das DIV #content im IE6 um den margin-top-Wert nach unten verschoben, weshalb ich die !important-Regel eingesetzt habe, um anschliessend den Wert für den IE zu korrigieren.

Und wie ich gerade sehe, funktioniert's nun auch in der Online-Version.

Bild 1: vorher / Bild 2: nachher (gilt auch für die Online-Version)
 

Anhänge

  • demo_tinella_vorher.jpg
    demo_tinella_vorher.jpg
    100,1 KB · Aufrufe: 23
  • demo_tinella_nachher.jpg
    demo_tinella_nachher.jpg
    109,4 KB · Aufrufe: 21
Sorry ich habe einen falschen IE benutzt als ich das heute Morgen angeschaut habe, es funktioniert jetzt, denn mein Fehler war genau die Lösung, die mir michaelsinterface vorgeschlagen hat.

@dich, michaelsinterface: vielen Dank dass du mir geholfen hast!!

Ich grüsse euch alle
Tinella
 
Status
Nicht offen für weitere Antworten.

Neue Beiträge

Zurück