[CSS / HTML] IE Problem mit Background

Von Gestern · 20. Juni 2006

Hi freunde des Quellcodes

Ich habe ein mir unerklärliches Problem, welches sich auf den IE in kombination mit CSS und einem Frameset bezieht.

Ich habe in einer fertiggestellte Seite (3 Frames) in den Hauptframe ein Hintergrundbild eingebunden. Soweit sogut. Als ich im ausgelagerten CSS noch die Eigenschaft "background-repeat:no-repeat;" setzte interpretierten kompetente Browser dies korrekt... der IE jedoch zerlegt mir damit das komplette Markup. Kachelt Tabellen, Setzt das Hintergrundbild in den Vordergrund uvm.

Setzte ich es auf "repeat" interpretiert es der IE korrekt.

Zeige ich die Seite auserhalb eines Framesets an interpretiert er sie auch korrekt

Wenn bedarf an Code besteht bitte nur nachfragen.

Danke schonmal für alle Antworten.

Von Gestern · 20. Juni 2006

Hier nochmal das Frameset, ein teil eines relevanten Frames & ein Auszug aus dem dazugehörigem CSS

HTML:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Pic 1</title>
<link rel="stylesheet" type="text/css" href="Includes/layout.css"/>
</head>
<body style="background-color:#0195DF;">
	<div style="margin-left:40px;margin-top:15px;">
		<img src="Includes/images/logo.gif" alt="Kinderschutzbund" />
	</div>
</body>
</html>

PHP:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<link rel="stylesheet" type="text/css" href="Includes/layout.css"/>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Elternkurs-Arten&nbsp;pflegen</title>
<script type="text/javascript" language="JavaScript" src="Includes/functions.js"></script>
<!--[if lte IE 6]>
<style type="text/css">
html {overflow-x:hidden;}
body {margin-right:28px;}
</style>
<![endif]-->
</head>
<body style="height:100%;">
<div class="backgr" style="height:100%;">
<h1>Elternkurs-Arten&nbsp;pflegen</h1>
<form action="<?= $_SERVER['PHP_SELF'] ?>" method="post">
<table class="inserttabelle">
<tr>
<td style="width:25%">Neuen Elternkurs anlegen:</td>
<td style="width:65%"><input name="insert" type="text" size="70" /></td>
<td style="width:10%"><input name="action" type="submit" value="Einf&uuml;gen" /></td>
</tr>
</table>
</form>
<?php 
if ($daten->_numOfRows <> 0)
{
	?><table class="pflegetabelle">
	<tr>
	<th>Elternkurs</th>
	<th style="text-align:center;">&Auml;ndern</th>
	<th style="text-align:center;">L&ouml;schen</th>
	</tr>
	<?
	foreach($daten as $key => $value)
	{
		if($_REQUEST["action"] == "edit" && $_REQUEST["id"] == $daten->fields["EK_ID"])
		{
			?><form action="<?= $_SERVER['PHP_SELF'] ?>" method="post">
			<tr style="background-color:#FFFFBF;" id="t<?= $key ?>" onmouseover="overein(<?= $key ?>);" onmouseout="overaus(<?= $key ?>);">
			<td colspan="2"><input name="editfield" value="<?= $daten->fields["EK_Name"]; ?>" type="text" size="85" /></td>
			<td style="text-align:center;width:15%;"><input name="editbutton" value="&Auml;ndern" type="submit" /></td>
            </tr>
            <input type="hidden" name="id" value="<?= $_REQUEST["id"]; ?>" />
            </form>
            <script type="text/javascript">setfocus('editfield')</script>
            <?
		}
		else
		{
			?>
			<tr id="t<?= $key ?>" onmouseover="overein(<?= $key ?>);" onmouseout="overaus(<?= $key ?>);">
			<td><?= $daten->fields["EK_Name"]; ?></td>
			<td style="text-align:center;width:15%;"><a href="<?= $_SERVER['PHP_SELF']."?action=edit&amp;id=".$daten->fields["EK_ID"]; ?>"><img src="Includes/images/edit.gif" alt="&Auml;ndern"></a></td>
			<td style="text-align:center;width:15%;"><a href="<?= $_SERVER['PHP_SELF']."?action=delete&amp;id=".$daten->fields["EK_ID"]; ?>"><img src="Includes/images/delete.gif" alt="L&ouml;schen" onclick="return confirm('Möchten Sie diesen Elternkurs löschen?')"></a></td>
			</tr><?
		}
	}
	?></table><?
}
if ($warnung)
{
?>
	<table class="warnungstabelle">
	<tr>
	<td>
	<?= $warnung; ?>
	</td>
	</tr>
	</table>
<?
}
?>
</div>
</body>
</html>

Code:

.backgr {
	background-image:url(images/baby.jpg);
	background-attachment:fixed;
	background-position:center;
	background-repeat:no-repeat;
}

Ich bin für jede Hilfe dankbar

Suche

[CSS / HTML] IE Problem mit Background

Von Gestern

Cadet 3rd Year

Von Gestern

Cadet 3rd Year