Hallo Freaks,
is zwar nicht meine erste HP aber ich hab kein besseres Topic gefunden.
Also:
Ich habe das Layout (auf Basis von CSS) für eine HP gemacht und dabei das ganze immer wieder mit dem Mozilla Firefox getestet. Jetzt bin ich ziemlich fertig und habe gemerkt dass der der Internet Explorer das völlig falsch anzeigt. Mit Netscape und dem anderen Mozilla is auch alles ok.
Ich habe hier mal zwei Screenshots um das Problem zu verdeutlichen:
Firefox: http://christianendt.de/firefox.jpg
Internet Explorer: http://christianendt.de/explorer.jpg
Hier könnt ihr euch die Seite direkt anschauen:
http://christianendt.de/aa/layout.html
Und hier noch die Quellcodes:
HTML
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title>Rasselbande</title>
<meta name="author" content="Chris">
<meta name="generator" content="Ulli Meybohms HTML EDITOR">
<link href="style.css" rel="stylesheet" type="text/css" >
</head>
<body text="#000000" bgcolor="#ffffff" link="#FF0000" alink="#FF0000" vlink="#FF0000">
<div id="top">
[img]img/bayern.gif[/img]
<div id="logo">[img]img/rasselbande.jpg[/img]</div>
<div id="navi"><p id="text">
[url='start.html']>> Home[/url]
| [url='members.html']>> Members[/url]
| [url='termine.html']>> Termine[/url]
| [url='fun.html']>> Fun[/url]
| [url='http://44642.rapidforum.com']>>Forum[/url]
| [url='chat.html']>>Chat[/url]
| [url='links.html']>>Links[/url]
| [url='credits.html']>> Credits[/url]
</p></div>
</div>
<div id="main">
<p id="title">Überschrift</p>
<p id="text">Servus
Problem: Nicht IE fähig!!!
[url='http://anarchy-animals.de.vu']Anarchy-Animals.de.vu[/url]</p></div>
<div id="border"><p id="foot">(c) [url='http://www.gettokind.de.vu']Gettokind[/url]</p></div>
</body>
</html>Code
div[id="top"]{position:absolute; width:900px; height:100px; z-index:1;
background-color: #4E4E4E; border:1px solid #ffffff; left:45px; top: 25px}
div[id="logo"]{position:absolute; width:700px; height:50px; z-index:2;
background-color: #4E4E4E; border:0px solid #ffffff; left:200px; top:5px}
div[id="navi"]{position:absolute; width:700px; height:45px; z-index:2;
background-color: #4E4E4E; border:0px solid #ffffff; left:200px; top:55px}
div[id="main"]{position:absolute; width:900px; height:700px; z-index:1; background-color:#000000;
border:1px solid #000000; left:45px; top:150px}
div[id="border"]{position:absolute; width:900px; height:50px; z-index:1; background-color:#FFFFFF;
border:0px; left:45px; top:855px}
p[id="title"]{font-family:arial,verdana; font-size:16pt; font-weight:bold; color:#C64100;
margin-left:7px}
p[id="text"]{font-family:arial,verdana; font-size:12pt; font-weight:bold; color:#ADAEAD;
margin-left:7px}
p[id="foot"]{font-family:arial,verdana; font-size:10pt; font-weight:normal; color:#080C08;
text-align:right}
A:link { color:#C64100; text-decoration:none}
A:hover {color:#C64100; text-decoration:none}
A:visited { color :#C64100; text-decoration:none}
A:active {color:#C64100; text-decoration:none}Ich bitte um schnelle Hilfe
MfG
Gettokind