Einzelnen Beitrag anzeigen
  #52 (permalink)  
Alt 03.09.2004, 22:29
Black Fladder Black Fladder ist offline
Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 18.08.2004
Beiträge: 65
Black Fladder befindet sich auf einem aufstrebenden Ast
Standard

Okay, hab das Menü mal eingebunden mit Floating - ich muss allerdings gestehn, dass mir nicht hundertprozentig klar ist, warum und ob ich das Menü überhaupt im "navioben-Div" verschachteln darf - außerdem reicht mir der padding-top allein nicht aus, da der Container nicht bis zum linken Rand des linken Balkens geht, sondern früher aufhört!?

Hab einige Zeit lang drüber nachgegrübelt aber es ergibt sich mir nix draus - wegen der Positionierung des Inhalts-divs ist mir bis jetzt auch noch kein Geistesblitz gekommen

Lieber Gruß,
Blacky

Code:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" 
  "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<title>Musikverein Herlikofen 1930 e.V.</title>
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">
<meta http-equiv="imagetoolbar" content="no">
<style type="text/css"> 
<!-- 
#linkenavi {list-style-type:none; float:left; padding-top:80px; }

#navioben {position:absolute; top:50px; width:100%; }

h1 {margin:0 60% 0 40%; font-family:Arial, Helvetica, sans-serif; color:#FFFFFF; }

body {background-color:#FFFFFF;} 

#bigdiv {   position:relative; 
margin:5% 10% 0 10%; 
background:#fff url(Bilder/streifenh.gif) repeat-x  top; } 

.ol { display:block; position:absolute; top:-16px; left:-66px; }
.or { display:block; position:absolute; top:-16px; right:-57px; }
  
/* Tan Hack */ 

* html #bigdiv   /* dies wird nur von den IEs interpretiert*/ 
{ 
   width: 100%; /*Wert für den IE5*/ 
      w\idth: 80%; /*Wert für den IE6*/
   font-family: Arial, Helvetica, sans-serif;
} 

#leftdiv { 
background:url(Bilder/streifenv.gif)  repeat-y left; 
height:100%; /*braucht der IE*/ 
 } 
#rightdiv { 
background:url(Bilder/streifenv.gif)  repeat-y right; 
height:100%; /*braucht der IE*/ 
} 
#inhalt { 
padding-top:100px; 
margin:0 190px; 
min-height: 400px; 
} 

*html  #inhalt { height:400px; }    /*nur für den IE*/ 
--> 
</style>
</head>
<body>
<div id="bigdiv"> [img]Bilder/ol.gif[/img] [img]Bilder/or.gif[/img]
  <div id="navioben">
    <div>
      <ul id="linkenavi">[*]<a href=#>Men&uuml;punkt[*]<a href=#>Men&uuml;punkt[/list]    </div>
    <h1>&Uuml;berschrift</h1>
  </div>
  <div id="leftdiv">
    <div id="rightdiv">
      <div id="inhalt"> und hier der Inhalt hin</div>
    </div>
    
  </div>
  
</div>

</body>
</html>
http://www.mv-herlikofen.de/testindex5/index.htm
Mit Zitat antworten
Sponsored Links