28172 sujets

CSS et mise en forme, CSS3

Problème d'alignement de trois <div>

Bonsoir alsacréateurs!

Voilà, j'ai un petit soucis, je souhaiterai créer un site sans tableaux, et avec trois div: A B et C.
J'aimerai avoir la disposition suivante:
upload/30168-Sanstitre.png

rose: div A
rouge: div B
bleu: div C

Voici mon code html :


     <div id="AB">
          <div id="A">
           
           </div>
           <div id="B">
           </div>
     </div>
     <div id="C">
     </div>


Ainsi que le bout CSS correspondant: 


#A{
	background-color:#F69;
		width:100px;
	height:100px;
	
}

#B{
	background-color:#C00;
	width:100px;
	height:100px;
}
#C{

	width:300px;
	height:200px;
	background-color:#0CF
}
#AB{
width:100px;
height:200px;
float:left;
}


A noter que sous dreamweaver, l'affichage généré est correct, mais une fois sous FF ou IE, tout est disposé verticalement =(

Quelqu'un pourrait-il m'aider?

Merci!
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
        <title>Mon Site</title>
        <link href="style.css" rel="stylesheet" type="text/css" media="screen" />
    </head>
    <body>
        <div id="AB">
            <div id="A">
            </div>
            <div id="B">
            </div>
        </div>
        <div id="C">
        </div>
    </body>
</html>


#A{ 
    background-color:#F69; 
        width:100px; 
    height:100px; 
     
} 
 
#B{ 
    background-color:#C00; 
    width:100px; 
    height:100px; 
} 
#C{ 
 
    width:300px; 
    height:200px; 
    background-color:#0CF 
} 
#AB{ 
width:100px; 
height:200px; 
float:left; 
}


Testé sous Internet Explorer, Chrome et Mozilla Firefox, ça passe très bien Smiley ravi
Peut tu nous mettre un screenshot de ce que tu obtient sous tes différents navigateurs s'il te plait ?
Hmm, exact, ça fonctionne... Désolé, et merci pour vos réponses!
Modifié par RoiHeenok (06 Jun 2010 - 21:16)
Sujet clos
Aller à