Tom's Guide > Forum > Programmation > probleme alignement div

probleme alignement div

Forum Programmation : probleme alignement div

TomsGuide.com : 800 000 inscrits répondent à toutes vos questions high-tech et informatique. Pour obtenir de l'aide, inscrivez-vous gratuitement !

Créer un nouveau sujet Répondre

Bas de page Chercher dans ce sujet

salut a tous:

voila mon probleme:

j'ai deux block collé! de n1/ 600+ n2 /280 =880px
et un endessous de 880px

le probleme c'est que sous explorer c'est nikel, mais sous firefox le block n2 passe endessous!

html

Code :

<div id="bloccadre">
<div class="banniere"> </div>
<ul>
<li><a href="#" accesskey="1">Menu 1</a></li>
<li><a href="#" accesskey="2">Menu 2</a></li>
<li><a href="#" accesskey="3">Menu 3</a></li>
<li><a href="#" accesskey="4">Menu 4</a></li>
<li><a href="#" accesskey="5">Menu 5</a></li>
</ul>
<div class="fondmenu1"></div>
<div class="fondmenu2"></div>
<div class="fondmenu3"></div>
</div>
</div>

css

Code :

/* corps */
div#cadre {/* conteneur global et arrière-plan du titre du cadre */
width: 900px;
padding-top: 40px;
background: url(entetetop.png) top center no-repeat;
position: absolute;
left: 50%;
margin-left: -450px;
}
div#bloccadre{/* arrière-plan bas et sur l'ensemble du cadre */
background: url(entetebottom1.png) bottom center no-repeat;
padding-bottom: 40px;
}
.fondmenu1
{
width: 600px;
height: 80px;
background-image: url("fondmenu1.png" );
text-align: left;
border-top: 1px solid #252525;
border-left: 1px solid black;
margin-bottom: 1px;
float: left;
margin-left: 10px;
}
.fondmenu2
{
width: 280px;
height: 80px;
background-image: url("fondmenu2.png" );
text-align: left;
border-top: 1px solid #252525;
border-right: 1px solid black;
margin-bottom: 1px;
float: left;
margin-right: 10px;
}
.fondmenu3
{
width: 880px;
height: 20px;
background-image: url("fondmenu3.png" );
text-align: left;
border-bottom: 1px solid black;
border-top: 1px solid #252525;
border-left: 1px solid black;
border-right: 1px solid black;
float: left;
margin-left: 10px;
}

Message édité par universal94 le 07-11-2008 à 17:14:47

Répondre

Inscrivez-vous ou connectez-vous pour masquer ceci.

SOUS EXPLORER c'est nikel!

mais sous fire fox:

Message édité par universal94 le 07-11-2008 à 17:20:10

Répondre à universal94

RESOLU

mnt c'est height qui ne marche pas sous explorer sur .fondmenu3

Code :

.fondmenu3
{
width: 880px;
height: 15px;
background-image: url("fondmenu3.png" ) ;
text-align: left;
border-bottom: 1px solid black;
border-top: 1px solid #252525;
border-left: 1px solid black;
border-right: 1px solid black;
float: left;
margin-left: 8px;
}

mais si je met une valeur superrieur a 20 ca marche

Message édité par universal94 le 07-11-2008 à 17:33:54

Répondre à universal94

Comment ça ça marche pas ?

Répondre à CustMax

Créer un nouveau sujet Répondre

Tom's Guide > Forum > Programmation > probleme alignement div

Aller à :

Aide |
Règles du forum

Il y a 2723 utilisateurs connus et inconnus. Pour voir la liste des connectés connus, cliquez ici.

Page générée en 0,373 secondes

Attention

Vous allez répondre sur un sujet resté inactif pendant plus de 6 mois.
Assurez-vous d'apporter des éléments nouveaux à la discussion avant de poursuivre.

Répondre Annuler

Liens