nicht angemeldet
Hallo,
ich bekomme es nicht hin, dass eine erstmal nur horizontal zentrierte Seite, in verschiedener Bildschirmauflösung auch im IE so wie gewollt angezeigt wird.
Hatte mir diese Seite hier zur Hilfe genommen http://css.fractatulum.net/sample/layout4format.htm.
Das Problem liegt sicher auch bei den Bildern, die ich per p eingebunden habe.
Nur - in strict - wenn ich keine Tabellen verwenden möchte, was wäre denn sinnvoll für Bilder? Wenn es keinen Text gibt?
Nun würde dieser Quelltext überall ausser im IE gut dargestellt werden:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
"http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<title>Zweispaltiges Layout</title>
<style type="text/css">
<!--
body{text-align:center;}
#Inhalt{margin:auto;width:780px; min-width:780px}
#Navi {border:2px solid #fff;
margin:1em;
list-style:none;
float:left;
width:12em;
padding:1em;
color:#fff;
background-color:#fff;
text-align:left}
#Navi a {text-decoration:none;}
#Navi a:hover {background-color:#ccc;}
#Navi a:active, a:focus {color:#993333;}
#Navi li a{font-family:"Haettenschweiler",Arial Narrow;
font-size:3em;
color:black;}
h1{font-family:"Haettenschweiler",Arial Narrow;text-align:center;}
#fusszeile{font-family:"Haettenschweiler",Arial Narrow;text-align:left;}
-->
</style>
</head>
<body>
<div id="Inhalt">
<ul id="Navi">
<li><a href="u.müller.htm">U. Müller</a></li>
<li><a href="kontakt.htm">Kontakt</a></li>
<li><a href="galerie.htm">Galerie</a></li>
<li><a href="verschiedenes.htm">Verschiedenes</a></li>
<li><a href="impressum.htm">Impressum</a></li>
</ul>
<h1>Illustrationen</h1>
<p><img src="thumbnail162.jpg" alt="party1"><img src="thumbnail163.jpg" alt="party2"><img src="thumbnail161.jpg" alt="party3"></p>
<p id="fusszeile">Bla bla bla bla blab</p>
</div>
</body>
</html>
Ich möchte ohne Javascript das verwirklichen, nur setzt mir der IE das dritte Bild immer unter die zwei anderen.
Ich verstehe nicht warum. Was muss ich beachten?
Könnt Ihr mir da weiter helfen?
Gruß, Znol