Bonjour,
j'ai une page avec un conteneur .fenetre qui contient une image, insérée directement (donc dans le flux)
et à sa droite deux blocs texte :
* un positionné de absolu (.texte)
* et l'autre dans un <div> de class ".texteagenda" dans le flux a
mais avec des marges négatives en top pour le faire "remonter"
J'enleve de mon style les lignes qui ne concernent pas le sujet :
HTML:
Voir ici:
http://60gp.ovh.net/~sirl/indexsirl.php3
Le hic c'est que sous IE tout va bien,mais sous Netscape (j'ai pas encore eu le tps de charger FF), le conteneur .fenetre est plus petit que l'image, lorsque le bloc ".texteagenda" n'est pas assez long...
J'ai vu la solution du "spacer", mais ca ne semble pas concerner mon cas puisque l'image n'est pas en "float".
Bref je comprends pas pourquoi le bloc ".texteagenda" se rétrécit sans tenir compte de la taille de l'image quand le div .texteagenda est inséré
lien ou il ya l'image et le bloc en absolu seul (là ca marche) :
http://60gp.ovh.net/~sirl/indexsimple.php3
Merci d'avance
j'ai une page avec un conteneur .fenetre qui contient une image, insérée directement (donc dans le flux)
et à sa droite deux blocs texte :
* un positionné de absolu (.texte)
* et l'autre dans un <div> de class ".texteagenda" dans le flux a
mais avec des marges négatives en top pour le faire "remonter"
J'enleve de mon style les lignes qui ne concernent pas le sujet :
<style type="text/css">
<!--
* {margin:0; padding:0}
.fenetre {background-color: #FFFFFF; border: 1px solid black; margin-left: auto; margin-right: auto; text-align: left; width: 760px}
body {background: #FFFFFF; font-family: arial; margin: 0px 0px 0px 0px; text-align: center; height: 100%}
html {height: 100%;}
.texte {font: 16px; font-weight: bold; left: 465px; top: 140px; width: 350px; position: absolute}
.texteagenda {background: #FF6600; border: 1px solid blue; font: 12px; font-weight: bold; margin-left: 340px; margin-top: -200px; padding-bottom: 0px; padding-left: 0; padding-right: 0; padding-top: 0px; width: 300px}
</style>HTML:
<div class="fenetre">
<img src='IMG/jpg/portraitsirlwebpetit.jpg' style='border-width: 0px;' width='277' height='474' alt="" title="" />
<div class="texte">
SIR L.
<br />Né en 1932
<br />Vit et travaille en France
<br />Initiateur, codificateur, rassembleur
<br />du NOUVEAU CLASSICISME
<br></div>
<div class="texteagenda">>>>AGENDA<br>
<a href="alignement"><img src="IMG/rubon30.jpg" alt="" width="5" height="5" style='border-width: 0px;' class='spip_logos' /></a> Sirl L.expose a l’ambassade
<span class="texteagendadate"><br>3 juillet 2006-->24 septembre 2006</span><br>
uery bsrjhfeiur jrhti(uhti jdsghireu uj hdfiguh
iotuoeiu ckjhtgkijehr (...)<br>
<a href="alignement"><img src="IMG/rubon30.jpg" alt="" width="5" height="5" style='border-width: 0px;' class='spip_logos' /></a> expo au musée machin
<span class="texteagendadate"><br>3 juillet 2006--></span><br>
hguygu hguguyg jhjhg<br>
</div>
<div class="texteanglais"><img src="IMG/arton48.jpg" alt="" width="21" height="19" style='border-width: 0px;' class='spip_logos' /> <a href="http://60gp.ovh.net/~sirl/indexsirlen.php3?lang=en">ENGLISH >>></a> </div>
</div>Voir ici:
http://60gp.ovh.net/~sirl/indexsirl.php3
Le hic c'est que sous IE tout va bien,mais sous Netscape (j'ai pas encore eu le tps de charger FF), le conteneur .fenetre est plus petit que l'image, lorsque le bloc ".texteagenda" n'est pas assez long...
J'ai vu la solution du "spacer", mais ca ne semble pas concerner mon cas puisque l'image n'est pas en "float".
Bref je comprends pas pourquoi le bloc ".texteagenda" se rétrécit sans tenir compte de la taille de l'image quand le div .texteagenda est inséré
lien ou il ya l'image et le bloc en absolu seul (là ca marche) :
http://60gp.ovh.net/~sirl/indexsimple.php3
Merci d'avance
) 
]
