[Résolu] prob avec les blocks/floats et le corps - paumé de chez paumé ... par r0n - page 1

Bonsoir à toutes et à tous,

J'ai un petit problème concernant les blocks (div) ...

Voilà, j'ai un menu et un corps ... quand je veux utiliser les flottants, ça marche sans problème (question du position entre le menu et le corps) SAUF que le block (menu ou corps) auquel est appliqué la fct° float, se trouve en dehors du "BODY" : y'a un prob non ??? J'ai recherché dans le cours de M@teo, mais j'y ai pas trop trouvé mon bonheur ... si qqun pouvait m'aidé SVP, ce serait bien gentil. Merci

r0n.

PS : je ne risque pas de répondre tout de suite car je dois partir, DONC MERCI D'AVANCE.

PPS : voilà le fichier source *.css

Citation : design.css

body
{
width : 90%;
border : thin solid black;
margin-left : 5%;
}

h1, #corps_en_tete
{
color : blue;
font-family : Abuse;
text-align : center;
text-decoration : underline;
padding-bottom : 1%;
}

a
{
color : black;
font-family : AlphaMack AOE;
font-size : 20px;
}

a:hover
{
color : red;
font-family : AlphaMack AOE;
font-size : 20px;
}

#menu
{
width : 15%;
border : black solid thin;
margin-left : 2.5%;
padding-bottom : 1%;
float :left;
}

#corps
{
float : right;
width : 65%;
margin-left : 2.5%;
margin-right : 2.5%;
border : 1px dashed black;
padding : 2.5%;
margin : 2.5%;
}

fichier *.html

Citation : fichier html

<!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" xml:lang="fr" >
<head>
<title> * * * M@ss The Fur!@ [] Hyst€r!@, yéééé * * * </title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<link rel="stylesheet" media="screen" type="text/css" title="Design" href="index_design_1.css" />
</head>
<body>


<div id="corps_en_tete">
<h1> Bienvenue sur mes pages persos ! </h1>
</div>



<div id="menu">
<ul>
<li> <a href="A_P.html"> Albums Photos </a> </li>
<li> <a href="Bio.html"> Petite Histoire De Moi ! </a> </li>
<li> <a href="C-I.html"> Petite Description De Moi ! </a> </li>
<li> <a href="Div.html"> Divers </a> </li>
</ul>
</div>



<div id="corps">
!!!!
</div>



<div id="'fin'">

</div>

</body>
</html>

les "!!!!" servent en attedant que je mette qq chose dans le corps !

J'ai mis deux floats pour bien montrer qu'il y'a un tit prob avec le BODY ! lol

MERCI D'AVANCE POUR VOS REPONSES. r0n

prob avec les blocks/floats et le corps

paumé de chez paumé ...

prob avec les blocks/floats et le corps

Supprimer

Modérer

Signaler le message aux modérateurs