nicht angemeldet
CSS Rahmen um Div-Tags (mit IE 6.0)
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;
}
-
hi.
hab dein problem nicht verstanden, aber erstmal würde ich sagen:
border:1px solid #888888;
ersetzt dein ganzen border-... zeugs. und waurm <font>. wenn du schon css verwendest, dann doch bitte auch konsequent z.b.
font:normal 12px monospace;
color:#888;lg aw
-
hi.
Mein Problem ist das Bildfehlermelung mit Rahmen praktisch so aussieht:
-----
| |
| X |
-----
| |
-----hab dein problem nicht verstanden, aber erstmal würde ich sagen:
border:1px solid #888888;
ersetzt dein ganzen border-... zeugs. und waurm <font>. wenn du schon css verwendest, dann doch bitte auch konsequent z.b.
Es geht darum, dass genau diese Schriftzeile gelb aussehen soll. Sämtliche andere Schrift ist Tahoma (oder Verdana), 10px, und #FFFFFF.
font:normal 12px monospace;
color:#888;lg aw
-
-
hi
<!doctype html public "-//W3C//DTD HTML 4.0 //EN">
hier ist schon das Hauptproblem. Schreib das hier hin:
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html401/DTD/loose.dtd">
in die allererste Zeile. Sonst ist der IE6 leider zu den Standards teilweise inkompatibel.
Grüße aus Bleckede
kai