nicht angemeldet
Hallo,
ich habe anhand der Beispiele von D.R. angefangen eine Homepage zu basteln.
Zwei Probleme habe ich noch (ich bin noch CSS-Neuling):
Wie bekomme ich den Balken ganz nach oben?
(#Balken {margin-top:0em;}) klappt nicht
Wie schaffe ich es, dass der Balken direkt an den Navi-Bereich anschließt?
Ich hatte gedacht
#aussen left: 0;
#navi margin-left: 1em;
width: 18em;
Gibt zusammen 19em;
also
#Balken margin-left:19em;
Aber Pustekuchen!
Irgendwie checke ich das System noch nicht ganz und hoffe deshalb auf Eure Unterstützung.
Gruß
Peter
Hier mein Coding - hoffentlich nicht zu lang:
[code lang=html]
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<title>Meine Homepage</title>
<style type="text/css">
#aussen {position:absolute;
left:0;
top:0;
overflow:auto;
max-height:100%;}
#navi {margin:0;
margin-top:1.5em;
margin-left:1em;
border:1px solid red;
width:18em;
padding:0.3em;
list-style:none;}
#navi a {display:block; margin-top:1em;}
html>body #aussen{position:fixed;}
#content {margin-left:21em;
margin-top:1em;
padding:0.5em;}
#spacer {margin-top:200em;}
#Balken {margin-top:0em;
margin-left:19em;
height:2.0em;
text-align:center;
font-size:1.5em;
background-color:#5A7333;
color:#E0FFA0;
font-family:"comic sans ms";
font-weight:bold;}
</style>
</head>
<body>
<div id="aussen">
<ul id="navi">
<h3> </h3>
<h3> </h3>
<h3>Die ersten Beiträge</h3>
<a href="v001.htm">Seite 1</a>
<a href="v002.htm">Seite 2</a>
<a href="v003.htm">Seite 3</a>
<a href="v004.htm">Seite 4</a></b>
</ul>
</div>
<div id="Balken">
<h2>Titel der Seite</h2> ... Untertitel
</div>
<div id="content">
<br><br>
<br><br>
<h3 style="text-align:center">Diese Seite befindet sich im Aufbau</h3>
<h3 style="text-align:center">...</h3>
<h3 style="text-align:center">...</h3>
<h3 style="text-align:center">...</h3>
<p id="spacer">- Seitenende -</p>
</div>
</body>
</html>