nicht angemeldet
Hallo,
Ich versuche eine Seite zu programmieren, die im NN 4.7, 6.0 und um IE 6.0 gut bzw. glech aussieht. Das mir da ausgerechnet der IE 6.0 Probleme macht, kann ich nicht verstehen.
Es kommt gleich ein bisschen HTML und CSS. Wenn ihr euch das ein bisschen zurecht macht, könnt ihr auch ihne Bilder sehen, das die Rahmen, die ich mit CSS um die Div Tags gemacht habe unten einen gleinen Abstand zu den "Grafik nicht gefunden" Bildern haben. Bei der Version mit Bildern ist das auch so. Was kann ich da machen, damit das weggeht?
Quellcode:
<!doctype html public "-//W3C//DTD HTML 4.0 //EN">
<html>
<head>
<title>Subraum Relai - Das Star Trek Interface</title>
<meta name="author" content="Jonathan Glaschke, Jonathan.Glaschke@Subraum-Mail.de">
<meta name="generator" content="Ulli Meybohms HTML EDITOR">
<link rel="stylesheet" type="text/css" href="./styles/styles.css">
</head>
<body text="#FFFFFF" bgcolor="#000000" link="#AAAAAA" alink="#FFEE00" vlink="#666666">
<img src="http://www.johnnys-wurmloch.de/head.gif" alt="Subarum Relai - Das Star Trek Interface" border="0">
<div align="right" style="position:absolute; top:5px; right:8px">
<font color="#FFEE00">
Stardate:
</font>
</div>
<div align="right" class="rahmen" style="position:absolute; top:10px; left:450px">
<img src="./styles/pics/head_pic1.jpg">
</div>
<div align="right" class="rahmen" style="position:absolute; top:20px; left:500px">
<img src="./styles/pics/head_pic2.jpg">
</div>
<div align="right" class="rahmen" style="position:absolute; top:10px; left:700px">
<img src="./styles/pics/head_pic3.jpg">
</div>
<div align="right" class="rahmen" style="position:absolute; top:35px; left:640px">
<img src="./styles/pics/head_pic4.jpg">
</div>
<div align="right" class="rahmen" style="position:absolute; top:25px; left:850px">
<img src="./styles/pics/head_pic5.jpg">
</div>
</body>
</html>
Der Auszug aus dem Stylesheet sieht so aus:
.rahmen {
border-left-width:1px;
border-left-style:solid;
border-left-color: #888888;
border-top-width:1px;
border-top-style:solid;
border-top-color: #888888;
border-bottom-width:1px;
border-bottom-style:solid;
border-bottom-color: #888888;
border-right-width:1px;
border-right-style:solid;
border-right-color: #888888;
text-align:justify;
}