• Jetzt anmelden. Es dauert nur 2 Minuten und ist kostenlos!

DIV wird nicht angezeigt!

Harald Lesan

Neues Mitglied
Es handelt sich um <div id="content">

Hier der Code (finde selber keinen Fehler):

HTML:
<head>
<link rel="stylesheet" type="text/css" href="stylesheet.css" />
</head>

<body>

<div id="main_page">
    
        <div id="header">
        </div> <!-- end #head -->
    
        <div id="sidebar">
        </div> <!-- end #sidebar -->
    
        <div id="content">
        </div> <!-- end #content -->
        
        <div id="footer">
        </div> <!-- end #footer -->
    
</div> <!-- end #main_page -->

</body>
Die dazugehörige CSS:

Code:
@charset "utf-8";
/* CSS Document */

body{
    
    margin:0px;
    background:#000;}
    
#header{
    
    margin:0px auto;
    width:100%;
    min-width:1000px;
    height:100px;
    background:#066;}
    
#sidebar{
    
    position:relative;
    right:425px;
    margin:0px auto;
    width:150px;
    height:1200px;
    background:#0C0;}
    
#content{
    
    width:850px;
    height:1200px;
    background:#9F0;}
 
Hast recht. Es wird angezeigt, jedoch auch mit dem 'FLOAT'-Attribut lässt sich das Ding nicht neben der Sidebar positionieren, stattdesen wird es unter der 1200px hohen Sidebar angezeigt. Mein Ziel wäre es, links mehrere Objekte in eine Reihe, untereinander, zu positionieren. Rechts daneben soll dann der Inhalt (content) angezeigt werden.

Lässt sich das ohne weiteres realisieren?
 
Hallo.

Mit float lässt es sich neben der Sidebar positionieren.
Wenns bei dir nicht klappt hasst du das float falsch angegeben. Zeig uns bitte mal deinen Code.

Dann würde ich noch das position: relastive bei der Sidebar weglassen.

Gruss
Elroy
 
Zurück
Oben