28220 sujets

CSS et mise en forme, CSS3

Hauteur auto d'une div par rapport a une autre

Bonjour messieurs dames,

J'aimerais que ma div "advert" ait une hauteur égale a ma div "content", sachant que ces deux div sont dans une autre div "bloc".

Voici l'adresse http://www.ironiqstudio.com/SJP/presse.html

Pour l'instant ca ne fonctionne pas (vous vous en doutez Smiley lol )

<!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">
<!-- DW6 -->

<head>
<!-- Copyright 2005 Saint John Perse. All rights reserved. -->
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Bienvenue sur le site de l'Ecole Saint-John Perse</title>
<link rel="stylesheet" href="style.css" type="text/css" />
</head>

	<body onload="MM_preloadImages('images/head.jpg','boutons/head_01.jpg')" onmousemove="closesubnav(event);">
	
		<div id="pagecell1">
		
  				<div id="pageName">
    				<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase=		"http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=7,0,19,0" width="163" height="97" align="left" tabindex="1">
						<param name="movie" value="boutons/logo.swf" />
						<param name="quality" value="high" />
						<embed src="boutons/logo.swf" width="163" height="97" align="left" quality="high" pluginspage="http://www.macromedia.com/go/getflashplayer" type=		"application/x-shockwave-flash"></embed>
   				  </object>
					    				<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase=		"http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=7,0,19,0" width="818" height="97" align="left" tabindex="1">
						<param name="movie" value="boutons/title.swf" />
						<param name="quality" value="high" />
						<embed src="boutons/title.swf" width="818" height="97" align="top" quality="high" pluginspage="http://www.macromedia.com/go/getflashplayer" type=		"application/x-shockwave-flash"></embed>
   				  </object>
  				</div>
				
    				<div id="bloc">
					
						<div id="pageNav">
						
   						  <div id="sectionLinks">
      							<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=7,0,19,0" width="163" height="36" tabindex="2">
       								<param name="movie" value="boutons/accueil.swf" />
        							<param name="quality" value="high" />
        							<embed src="boutons/accueil.swf" quality="high" pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash" width="163" height="36"></embed>
      							</object>
								<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=7,0,19,0" width="163" height="37" tabindex="3">
									<param name="movie" value="boutons/informations.swf" />
									<param name="quality" value="high" />
									<embed src="boutons/informations.swf" quality="high" pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash" width="163" height="37"></embed>
								</object>
								<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=7,0,19,0" width="163" height="37" tabindex="4">
									<param name="movie" value="boutons/charte.swf" />
									<param name="quality" value="high" />
									<embed src="boutons/charte.swf" quality="high" pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash" width="163" height="37"></embed>
							  </object>
								 <object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=7,0,19,0" width="163" height="37" tabindex="5">
									<param name="movie" value="boutons/points_forts.swf" />
									<param name="quality" value="high" />
									<embed src="boutons/points_forts.swf" quality="high" pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash" width="163" height="37"></embed>
								 </object>
								 <object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=7,0,19,0" width="163" height="37" tabindex="6">
									<param name="movie" value="boutons/contacts.swf" />
									<param name="quality" value="high" />
									<embed src="boutons/contacts.swf" quality="high" pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash" width="163" height="37"></embed>
								 </object>
								 <object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=7,0,19,0" width="163" height="37" tabindex="7" >
									<param name="movie" value="boutons/stages.swf" />
									<param name="quality" value="high" />
									<embed src="boutons/stages.swf" quality="high" pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash" width="163" height="37"></embed>
								 </object>
								 <object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=7,0,19,0" width="163" height="37" tabindex="8">
									<param name="movie" value="boutons/tarifs.swf" />
									<param name="quality" value="high" />
									<embed src="boutons/tarifs.swf" quality="high" pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash" width="163" height="37"></embed>
								 </object>
								 <object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=7,0,19,0" width="163" height="37" tabindex="9" >
									<param name="movie" value="boutons/acces.swf" />
									<param name="quality" value="high" />
									<embed src="boutons/acces.swf" quality="high" pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash" width="163" height="37"></embed>
								</object>
								<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=7,0,19,0" width="163" height="37" tabindex="10">
									<param name="movie" value="boutons/presse.swf" />
									<param name="quality" value="high" />
									<embed src="boutons/presse.swf" quality="high" pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash" width="163" height="37"></embed>
								</object>
							<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=7,0,19,0" width="163" height="39">
                                  <param name="movie" value="boutons/anciens_eleves.swf" />
                                  <param name="quality" value="high" />
                                  <embed src="boutons/anciens_eleves.swf" quality="high" pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash" width="163" height="39"></embed>
						    </object>
							</div>
							
								<div id="advert">
									<img src="http://www.imingo.com/services/compteur/icptgr.php?id=cptvis" alt="Nombre de visiteurs"
 name="nombre de visiteurs" border="0"/> 
 								</div>
					  </div>
								
   									<div id="content">
        								    <a name="haut_page" id="haut_page"></a>
        								    <img src="images/page_presse.jpg" width="815" height="3529" />
        								    <object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=7,0,19,0" width="272" height="45">
                                              <param name="movie" value="boutons/haut_page.swf" />
                                              <param name="quality" value="high" />
                                              <embed src="boutons/haut_page.swf" quality="high" pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash" width="272" height="45"></embed>
   									  </object>
					  </div>
																		

		  </div>
		    											<div id="siteInfo">
    											<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=7,0,19,0" width="981" height="29" tabindex="15">
												  <param name="movie" value="boutons/foot.swf" />
												  <param name="quality" value="high" />
												  <embed src="boutons/foot.swf" quality="high" pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash" width="981" height="29"></embed>
												</object>
  											</div>
	</div>
		</body>
</html>


et mon css

/************** content styles *****************/

#content{
	position:relative;
	padding: 0px 0px 0px 0px;
	font-weight:normal;
	margin:0px 0px 0px 163px;
	background-color:#FFFFFF;
/*	background-image:url(images/bg_nav.jpg);*/
	background-repeat:no-repeat;
	width: 815px;
	height:auto;
	min-height: 489px;
	_height: 489px; /* hack uniquement interprété par IE Win*/
}

#content image{
width:100%;
}

#contentbis{
	position:relative;
	padding: 137px 0px 0px 0px;
	font-weight:normal;
	margin:0px 0px 0px 163px;
	background-color:#FFFFFF;
	/*background-image:url(images/bg_nav.jpg);*/
	background-repeat:no-repeat;
	width: 815px;
	height:auto;
	min-height: 489px;
	_height: 489px; /* hack uniquement interprété par IE Win*/
}

#contentbis image{
width:100%;
}
/************** siteInfo styles ****************/

#siteInfo{
	position:relative;
	padding: 0px 0px 0px 0px;
	margin-top: 0px 0px 0px 0px;
	height:29px;
	width:981px;
}

/************ sectionLinks styles **************/

#sectionLinks{
	margin: 0px;
	padding: 0px;
	height:371px;
	width:163px;
	background-color:#FFFFFF;
}

/**************** advert styles *****************/

#advert{
	background-image:url(images/infos.jpg);
	background-color:#000000;
	background-repeat:no-repeat;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	height: 100%;
	min-height: 118px;
	_height: 118px; /* hack uniquement interprété par IE Win */
}

#advert img{
	padding: 65px 4px 4px 0px;
}

/**************** bloc styles *****************/

#bloc{
 position: relative;
/* background-image:url(images/bg_bck.jpg);*/
 background-color:#000000;
 background-repeat:repeat-y;
}


Si quelqu'un a un idee....

Merci d'avance Smiley cligne
Modifié par defsquier (11 Jan 2006 - 15:20)
bonjour,

j'ai eu un souci un jour de cet ordre.

voila ce que j'avais fait (sur les conseils de Raphael)

<div id="advert">

									<img src="http://www.imingo.com/services/compteur/icptgr.php?id=cptvis" alt="Nombre de visiteurs"  name="nombre de visiteurs" border="0"/> 

[b]<hr class="spacer" />[/b]
 								</div>


et dans la css

.spacer {
clear: both;
}


fais le test
salut Smiley smile

merci pour cette réponse,
je viens d'essayer mais peut etre ai-je mal compris car ca ne fonctionne pas..
Je remet le code que j'ai changé:

								<div id="advert">
									<img src="http://www.imingo.com/services/compteur/icptgr.php?id=cptvis" alt="Nombre de visiteurs"
 name="nombre de visiteurs" border="0"/> 
 <hr class="spacer" />
 								</div>
					  </div>


le css

/**************** advert styles *****************/

#advert{
	background-image:url(images/infos.jpg);
	background-color:#000000;
	background-repeat:no-repeat;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	height: 100%;
	min-height: 118px;
	_height: 118px; /* hack uniquement interprété par IE Win */
}

#advert img{
	padding: 65px 4px 4px 0px;
}

.spacer {

clear: both;

}


et le résultat http://www.ironiqstudio.com/SJP/presse.html

merci
Modifié par defsquier (11 Jan 2006 - 16:37)
Je me permet de faire un pitit up pour que mon post ne sombre pas dans l'oubli Smiley ravi
Modifié par defsquier (14 Jan 2006 - 18:55)
Sujet clos
Aller à