Beiträge von Buckwich

Buckwich

Vielen Dank für das Beispiel. Es hat mir sehr geholfen.

Buckwich

Danke. Aber ich habe die seite nach so einem beispiel gebaut. Aber ich will keine feste breite des contents. Also links fest content der rrst und rechts fest

Buckwich

Hallo zusammen,
ich möchte eine dreispaltige Website erstellen. Das Problem dabei ist das mein Contert-Div nicht zwischen den gefloateten Seiten erscheint. Hier mien Code:

HTML

*{
margin:0;
padding:0;
}


html, body{
width: 100%;
height: 100%;
}


#header{
height: 75px;
padding: 0;

}
#icon{
float:left;
margin:5px;
margin-right: 15px;
} 


#title{
font-family:Arial;
font-size:45px;
padding-top:10px;
}


#menu{
clear:both;
float:left;
margin:10px;
width:100px;


}


.entry{
list-style: none;


}


#content{
float:left;
margin:10px;
display:inline;


}


#info{
float:right;
margin:10px;
width:100px;
}


#footer{
clear:both;
margin:10px;
}

Alles anzeigen

HTML

<!DOCTYPE html> 
<html>
    <head>
        <title>Projektname</title>

        <script src="http://code.jquery.com/jquery-1.10.2.js"></script>
        <script src="http://code.jquery.com/ui/1.11.0/jquery-ui.js"></script>

        <!-- <script src="js/background.js"></script> -->

        <link href="css/layout.css" type="text/css" rel="stylesheet">

        <link href="css/theme_probotions.css" type="text/css" rel="stylesheet">
        <!-- <link href="css/theme_dark.css" type="text/css" rel="stylesheet"> -->


    </head>

    <body>
        <div id="wrapper">
            <div id="header">
              <div id="icon"><img  src="images/json.svg" width="65" height="65"/></div>
              <div id="title">Projektname</div>            
            </div>


            <div id="menu">
              <ul id="list">
                 <li class="entry">1.Eintrag</li>
                 <li class="entry">2.Eintrag</li>
              </ul>            
            </div>        


            <div id="content">

            <p>TExt TextExt TextExt TextExt TextExt TextExt TextExt TextExt TextExt TextExt TextTExt TextExt TextExt TextExt TextExt TextExt TextExt TextExt TextExt TextExt TextTExt TextExt TextExt TextExt TextExt TextExt TextExt TextExt TextExt TextExt TextTExt TextExt TextExt TextExt TextExt TextExt TextExt TextExt TextExt TextExt TextTExt TextExt TextExt TextExt TextExt TextExt TextExt TextExt TextExt TextExt TextTExt TextExt TextExt TextExt TextExt TextExt TextExt TextExt TextExt TextExt TextTExt TextExt TextExt TextExt TextExt TextExt TextExt TextExt TextExt TextExt TextTExt TextExt TextExt TextExt TextExt TextExt TextExt TextExt TextExt TextExt TextTExt TextExt TextExt TextExt TextExt TextExt TextExt TextExt TextExt TextExt TextTExt TextExt TextExt TextExt TextExt TextExt TextExt TextExt TextExt TextExt TextTExt TextExt TextExt TextExt TextExt TextExt TextExt TextExt TextExt TextExt TextTExt TextExt TextExt TextExt TextExt TextExt TextExt TextExt TextExt TextExt TextTExt TextExt TextExt TextExt TextExt TextExt TextExt TextExt TextExt TextExt TextTExt TextExt TextExt TextExt TextExt TextExt TextExt TextExt TextExt TextExt Text</p>
            </div>


            <div id="info">
            Rechts


            </div>



            <div id="footer">
            Fusszeile


            </div>
        </div>
    </body>
</html>

Alles anzeigen

Beiträge von Buckwich

Content nicht mittig

Content nicht mittig

Content nicht mittig