nicht angemeldet
Rehi,
soooooooo. Ich hab jetzt stundenlang alles mögliche getestet und ich krieg die Krise. Es ist einer der Momente, wo ich mit dem berühmten Hammer in den Bildschirm.... usw....
Ich benutze gar keinen Internet Explorer *zwinker* - nur für diese HP zwangsweise zum Testen. Aber auf meinem PC ist die Version 6.0 installiert.
Mit Mozilla sieht's perfekt aus.
IE zeigt mir wie gesagt weder die Hintergrundgrafiken an noch macht er die Höhe so, wie ich das wohl will.
Vlt. hab ich mich anfangs auch ein wenig unverständlich ausgedrückt:
Header und Footer sollen eine feste Höhe haben. Diese Angaben setzt IE auch um. Menü Links (navigation), Inhalt (inhalt) und Menü rechts (right) sollen ihre Höhe an Header und Footer anpassen, so dass schlussendlich der ganze Bildschirmbereich ausgefüllt wird.
Mit Frames sieht das so aus:
http://rehbraten.chinchillasucht.com/index.htm
Mit CSS soll es so aussehen, wie es Mozilla
http://rehbraten.chinchillasucht.com/test/index2.php
anzeigt. *seufz*
Ich hab jetzt wirklich so ziemlich alles durchgetestet, hab die Templates in Matzes Link durchgearbeitet, um eine Lösung zu finden und auch das SelfHTML Tutorial zum dreispaltigen Layout mit CSS - ich hab's mit <p> für den Footer probiert, mit Angaben in px für navigation und rechts (vorher Prozent), aber das klappt alles nicht im IE (ich weiss schon, warum ich den nicht benutze..... *grummel*).
Meine CSS Datei:
*
body
{
margin: 0;
padding:0;
}
#header
{
font-size: 12px;
width: 100%;
height: 13%;
padding-top: 1%;
background-image: url('./images/hintergrund7.jpg');
background-position: bottom;
}
#navigation
{
float:left;
width: 130px;
height: 78%;
background-image: url('./images/hintergrund7.1.jpg');
background-position: center;
}
#right
{
float: right;
width: 138px;
height: 78%;
background-image: url('./images/hintergrund7.1.jpg');
background-position: center;
}
#inhalt
{
float: left;
width: 70%;
height: 78%;
}
#footer
{
clear: both;
height: 7%;
background-image: url('./images/hintergrund6.jpg');
background-position: top;
}
Meine index2.php:
<html>
<head>
<link rel="stylesheet" href="./css.css" type="text/css">
</head>
<body>
<div id="header">
<table align="center" height="0" cellspacing="0" cellpadding="0" border="0" width="100%" scrolling="no">
<td align="center"><img src="./images/texthamburg3.jpg" alt="Die Headergrafik kann leider nicht angezeigt werden."></td>
</table>
</div>
<div id="mount">
<div id="navigation">Links</div>
<div id="inhalt">Mitte</div>
<div id="right">Rechts</div>
<div id="footer">footer</div>
</body>
</html>
Hat irgendjemand da draußen eine Idee für mich ? *heul*
LG,
Nina
Der Martin