Der Peter aus Ulm: Layout - Positionierungsproblem

Beitrag lesen

SELF-Forum

Layout - Positionierungsproblem

Der Peter aus Ulm
– Informationen zu den Bewertungsregeln

Hallo Daniel,
ich habe die Änderungen (hoffentlich richtig) vorgenommen (rechts abgesetzt), der Balken sitzt aber immer noch zu weit rechts.
Ich habe jetzt
   #Balken {....
            margin-left:13.2em;
            ...

angegeben, da stimmt in etwa.

Aber warum so eine komische Angabe?
Die müsste man doch aus den übrigen Angaben errechnen können (oder noch besser angeben in der Art: Hänge den rechten 'Frame' direkt rechts an den linken an).

Anschliessend nochmal das Coding, einen Link kann ich leider nicht schicken, da ich noch keine Homepage habe, wo ich es speichern könnte.

Mit dankbarem Gruß

Peter

  
<!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">  
                                       html {padding:0em; }  
                                       body {margin:0em; padding:0em; }  
                                       h1 {margin:0em; }  
  
#aussen {position:absolute;  
  left:0;  
  top:0;  
  overflow:auto;  
  height:100%;}                        /* 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:13.2em;  
                                           /* 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>&nbsp;</h3>  
<h3>&nbsp;</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">  
<h1>Titel der Seite</h1>  
</div>  
<div id="content">  
<h2 style="text-align:center"> ... Untertitel </h2>  
<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>
Beitrag melden
–
Informationen zu den Bewertungsregeln