Positionner 2 DIV côte à côte et alignés vers le bas

Recherche :

Mot : Pseudo : Filtrer
Bas de page
Auteur	Sujet : Positionner 2 DIV côte à côte et alignés vers le bas

darkkrab

Un peu d'aide s'il vous plaît.

Code :

<html>
<head>
<style>
#all{
width: 250px;
border-width: 6px;
border-style: dotted;
border-color: blue;
}
#all div{
display:inline;
width: 95px;
margin: 12px;
background-image: url('http://img175.imageshack.us/img175/6633/incb7.gif');
background-repeat: no-repeat;
}
</style>
</head>
<body>
<div id="all">
<div style="background-position:4px 98px"><img src="http://img244.imageshack.us/img244/2290/smalloutiq0.gif" alt="" /></div>
<div style="background-position:4px 38px"><img src="http://img155.imageshack.us/img155/2474/bigouteo3.gif" alt="" /></div>
<div style="background-position:4px 38px"><img src="http://img155.imageshack.us/img155/2474/bigouteo3.gif" alt="" /></div>
<div style="background-position:4px 38px"><img src="http://img155.imageshack.us/img155/2474/bigouteo3.gif" alt="" /></div>
</div>
</body>
</html>

J'essai de mettre 2 div côte à côte et alignés vers le bas en les mettant en inline, mais les elements en inline ne supportent pas les background-image sous FF et NN.
IE :

FF & NN :

---------------------------------------

Code :

<html>
<head>
<style>
#all{
width: 250px;
height: 780px;
border-width: 6px;
border-style: dotted;
border-color: blue;
}
#all div{
float: left;
display: inline; /* Pour bug IE */
width: 95px;
margin: 12px;
background-image: url('http://img175.imageshack.us/img175/6633/incb7.gif');
background-repeat: no-repeat;
}
</style>
</head>
<body>
<div id="all">
<div style="background-position:4px 98px"><img src="http://img244.imageshack.us/img244/2290/smalloutiq0.gif" alt="" /></div>
<div style="background-position:4px 38px"><img src="http://img155.imageshack.us/img155/2474/bigouteo3.gif" alt="" /></div>
<div style="background-position:4px 38px"><img src="http://img155.imageshack.us/img155/2474/bigouteo3.gif" alt="" /></div>
<div style="background-position:4px 38px"><img src="http://img155.imageshack.us/img155/2474/bigouteo3.gif" alt="" /></div>
</div>
</body>
</html>

Mettre un float sur ces div pour ne pas les mettre en inline donnerait ceci et je ne vois pas comment les aligner vers le bas avec un float.
IE :

FF & NN :

Publicité

darkkrab

En plus, il faut oublier les margin-top puisque la hauteur du petit div est variable. Yay!

FORUM HardWare.fr

Programmation

HTML/CSS

Positionner 2 DIV côte à côte et alignés vers le bas

Sujets relatifs
[ACCESS] Rqt multicritere export vers Excel	Probleme pour recuprer une variable dans un code embed vers un swf
Probleme de DIV sous IE / Firefox	Problème avec les DIV
Date 2008-01-09 vers Mercredi 9 janvier 2008 ?	variables > include vers include
[AS3] Positionner des pieces a l'aide d'un Array	[MySQL] Export tables d'une BDD vers une autre
Aligner un div à coté d'un champ de texte	Appel en Javascript avec paramètres vers Php
Plus de sujets relatifs à : Positionner 2 DIV côte à côte et alignés vers le bas

Page générée en 0.068 secondes