- #1
B
Bruno_2k
Bekanntes Mitglied
Themenersteller
- Dabei seit
- 02.11.2004
- Beiträge
- 725
- Reaktionspunkte
- 0
hi
Ich habe bei einer Homepage folgendes Probleme im IE und im Firefox
IE: Hier wird der Header Bereich und der Bottom Bereich nicht richtig angezeigt.
FF: Der content-back bereich wird nicht korrekt angezeigt
hier der Code der CSS Datei
und der Code der HTML Datei:
Hier könnt ihr euch das nochmal in live anschaun:
http://mitglied.lycos.de/kingtom/FF/
Was mache ich da falsch?
danke für eure Mühen
mfg Bene
Ich habe bei einer Homepage folgendes Probleme im IE und im Firefox
IE: Hier wird der Header Bereich und der Bottom Bereich nicht richtig angezeigt.
FF: Der content-back bereich wird nicht korrekt angezeigt
hier der Code der CSS Datei
Code:
body {
width: 800px;
height: 750px;
background: white;
padding-top: 20px;
padding-left:60px;
}
#header {
position: absolute;
width: 800px;
min-height: 212px;
top: 20px;
left: 20px;
background: url('header.jpg');
border: 2px solid black;
}
#content-back {
position: absolute;
width: 800px;
min-height: 200px;
top: 230px;
left: 20px;
padding-left: 200px;
padding-top: 10px;
background: url('content.jpg');
border-left-width: 2px;
border-left-style: solid;
border-left-color: black;
border-right-width: 2px;
border-right-style: solid;
border-right-color: black;
}
#bottom {
position: absolute;
width: 800px;
min-height: 40px;
padding-top: 50px;
left: -2px;
background: url('bottom.jpg')no-repeat;
border-left-width: 2px;
border-left-style: solid;
border-left-color: black;;
border-bottom-width: 2px;
border-bottom-style: solid;
border-bottom-color: black;
border-right-width: 2px;
border-right-style: solid;
border-right-color: black;;
}
#Impressum {
positon: absolute;
padding-left: 20px;
}
#Home {
position: absolute;
top: 126px;
left: 170px;
}
#Forum {
position: absolute;
top: 126px;
left: 250px;
}
#Gästebuch {
position: absolute;
top: 126px;
left: 330px;
}
#Downloads {
position: absolute;
top: 126px;
left: 435px;
}
#Bilder {
position: absolute;
top: 126px;
left: 545px;
}
#Links {
position: absolute;
top: 126px;
left: 625px;
}
#Kontakt {
position: absolute;
top: 126px;
left: 705px;
}
und der Code der HTML Datei:
Code:
<html>
<head>
<title></title>
<link rel=stylesheet type=text/css href=index.css />
</head>
<body>
<div id=header>
<div id=Home><font size=2 face=Arial><a href=home.html style=color:black><b>Home</b></a></font></div>
<div id=Forum><font size=2 face=Arial><a href=forum.html style=color:black><b>Forum</b></a></font></div>
<div id=Gaestebuch><font size=2 face=Arial><a href=gästebuch.html style=color:black><b>Gästebuch</b></a></font></div>
<div id=Downloads><font size=2 face=Arial><a href=downloads.html style=color:black><b>Downloads</b></a></font></div>
<div id=Bilder><font size=2 face=Arial><a href=bilder.html style=color:black><b>Bilder</b></a></font></div>
<div id=Links><font size=2 face=Arial><a href=links.html style=color:black><b>Links</b></a></font></div>
<div id=Kontakt><font size=2 face=Arial><a href=kontakt.html style=color:black><b>Kontakt</b></a></font></div>
</div>
<div id=content-back>text<br>text<br>text<br>text<br>text<br>text<br>text<br>text<br>text<br>text<br>text<br>text<br>text<br>text<br>text ......
<div id=bottom><div id=Impressum><font size=2 face=Arial><a href=impressum.html style=color:white><b>Impressum</b></a></font></div></div>
</style>
</body>
</html>
Hier könnt ihr euch das nochmal in live anschaun:
http://mitglied.lycos.de/kingtom/FF/
Was mache ich da falsch?
danke für eure Mühen
mfg Bene