XHTML & CSS (petit souci)

Fermé
Yoann34090 Messages postés 77 Date d'inscription samedi 6 septembre 2008 Statut Membre Dernière intervention 25 janvier 2009 - 8 déc. 2008 à 23:43
RAD ZONE Messages postés 5230 Date d'inscription samedi 20 janvier 2007 Statut Contributeur Dernière intervention 17 août 2024 - 9 déc. 2008 à 00:09
Bonsoir, voilà je suis entrain de faire un site web (que le début), c'est pour placer le corps sur la page, dans le CSS j'ai mis dans #menu float: left; le corps n'est plus en dessous, mais est décalé sur la droite, mais il n'est pas a coté du menu, il est quand même en dessous mais décalé sur la droite, pouvez vous m'aidez ? merci beaucoup !

1 réponse

RAD ZONE Messages postés 5230 Date d'inscription samedi 20 janvier 2007 Statut Contributeur Dernière intervention 17 août 2024 1 360
9 déc. 2008 à 00:09
SALUT

Inspire toi de cette exemple !

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"     "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">        
  <head>              
    <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />              
    <title>RAD ZONE Webcreation               
    </title>              
    <meta name="author" content="http://radservebeer.free.fr" />              
    <meta name="generator" content="PSPad editor, www.pspad.com" />        
  </head>       
 <style type="text/css">
/*<![CDATA[*/
html {
        font-size: 100%;
}
body {
        margin: 0;
        padding: 10px 20px;
        font-family: Verdana, "Bitstream Vera Sans", "Lucida Grande", sans-serif;
        font-size: .8em;
        line-height: 1.25;
        color: #F0E39E;
        background: #444444;
}
#navigation {
        width: 18%;
        float: left;
        background: #222;
}
#contenu {
        margin-left: 20%;
        margin-bottom: 20px;
        padding: 10px 20px;
        color: #fffccc;
        background: #666;
}
#entete {
        padding: 20px 0;
}
/*]]>*/
</style>
  <body>              
    <div id="global">	       
      <div id="entete"><h1>TITRE</h1>      
      </div>	       
      <div id="navigation">        
        <p>Lorem ipsum dolor sit amet consectetuer congue at eu pretium dui. Cursus congue nunc congue malesuada tincidunt Donec consectetuer id pretium semper. Ipsum venenatis Quisque condimentum metus et urna Sed In hac condimentum. Tellus ligula eros libero tortor Aliquam eget lacus Lorem tempus Proin. Tortor fringilla lacinia Vestibulum nibh tincidunt Nullam tellus urna justo penatibus. Quam enim eget in semper Sed id orci porttitor wisi et. Vestibulum auctor mi.         
        </p>             
      </div>	       
      <div id="contenu">        
        <p>Lorem ipsum dolor sit amet consectetuer sit pretium consectetuer Pellentesque pede. Nam orci Praesent consequat turpis Quisque ut sociis Sed egestas ante. Elit Sed felis vel Curabitur interdum vel Ut tempus eu fringilla. Orci elit pretium facilisi id consectetuer eget dui arcu felis molestie. Praesent Morbi id pulvinar et dui enim malesuada et nunc vel. Tellus sapien.         
        </p>        
        <p>Tincidunt felis id wisi pretium ultrices ut ante non fringilla convallis. Elit est nibh nibh mauris dolor Curabitur interdum a nibh nonummy. Pellentesque risus Quisque leo tincidunt nibh Lorem faucibus lorem tempus nunc. Eget penatibus feugiat elit pulvinar felis laoreet fames ornare pretium ante. Elit ac Vestibulum Nunc Quisque Pellentesque Donec orci ipsum.         
        </p>      
      </div>    
    </div>       
  </body>
</html>


RAD
0