26748 sujets

CSS et mise en forme, CSS3

Pages :
(reprise du message précédent)

oui, je vois mieux ce que vous voulez dire
effectivement le personnage peut être considéré comme du contenu
nous n'avons pas encore tout à fait fixé notre choix mais à priori nous pourrions choisir un personnage en random parmi tous ceux disponibles et l'afficher ici
donc à priori ça ne peut pas figurer dans le css
ah je crois que je viens de déceler un nouveau probleme.
Mon footer commence à être un peu complexe :
<div id="footer" >
		<img id="logo" src="img/common/logo.png" alt="" /> 
		<div id="footerContent">
			<p id="rssReader">
			<object type="application/x-shockwave-flash" data="rss_reader.swf" width="480" height="20">
			<param name="movie" value="rss_reader.swf" />
			<param name="scale" value="noscale" />
			<param name="salign" value="l" />
			<p>Pour afficher le lecteur d'information instantanée (flux RSS), vous devrez télécharger Macromedia Flash Player</p>
			</object>
			</p>
			<ul>
				<li><a href="recommend.php" title="Parlez en à vos amis !">Recommander ce site</a></li>
				<li><a href="presse.php" title="Télécharger le dossier de presse, lire les communiqués...">Coin presse</a></li>
				<li><a href="goodies.php" title="Pleins de cadeaux pour votre ordi !">Les goodies</a></li>
				<li><a href="legal.php" title="Toutes les informations légales !">Mentions légales</a></li>
				<li><a href="recommend.php" title="Toutes les réponses à vos questions !">FAQ</a></li>
				<li> <a href="recommend.php" title="Retrouvez en un clin d'oeil une page sur ce site !">Plan du site</a></li>
			</ul>
		</div>
	</div>


Il contient donc le logo à gauche, la barre de lien et juste au dessus, une petite animation flash (bandeau d'informations)
je prévois d'ailleur de rajouter encore une image à droite qui me permettra de rajouter un copyright ( cf la maquette) et de faire un arrondi

voici le css correspondant
#footer {
clear:both;
vertical-align: top;
background-color:#bbbbbb;
height:40px;
}

#rssReader
{
height:20px;
margin:0;
}
#logo {
display:block;
float:left;
position:relative;
top:-48px;
z-index: 1; 
}
#footer ul
{
margin:0;
height:18px;
background-color:#DDDDDD;
}
#footer li
{
display: inline; 
padding-left: 1.5em;
background : url(img/common/star_grey.png) no-repeat center left ;
}


le problème là, c'est que sous firefox, y'a pas de soucis, mais sur ie, le footer n'est pas calé en bas
petite précision, j'ai remis mon div container qui contient tout le site

j'ai l'impression en fait que mon logo que j'ai du remonter pour le caler (top:-48px) qui fait 86px de haut aggrandi mon footer de 86px
bref, ça chie
argh!
bon, je viens de me rendre compte que mon menu a disparu sous ie
ji'a l'impression que ça vient du clear "both" du footer...
Smiley bawling

<edit>
fausse alerte
à priori, quand j'enlève le height de #footer ça marche...
allez pas de panique utku tu vas y arriver !
</edit>
Modifié par utku (21 Jul 2005 - 15:36)
bon, je pense que l'on peut dire que dans l'ensemble mon problème est résolu
J'ai néanmoins un ou deux soucis que j'exposerai dans un autre sujet...
merci pour tout
Pages :