28221 sujets

CSS et mise en forme, CSS3

[resolu]Position du footer avec ie6

salut
j'ai un petit pb avec ie6 , pour le pbhttp://jeanfrancois.lelezec.free.fr/essai/index.php?css=normtext.cssseul la page accueil et esigelec fonctionne)
j'ai un decalage entre le conteneur milieu et le conteneur bas
milieu est composé de feature1 et contefloat
#milieu {
	padding: 50px 0 20px 0;
	border-left:2px solid #999999;
	border-right:2px solid #999999;
	clear:both;
	min-height:450px;
}
#bas {
	padding-top:30px;
	width:782px;
	height: 110px;
	background: url(../FONDSITE/essai/bas3.jpg) top left no-repeat;
	text-align:center;
}
#contefloat{
	width:170px;
	float:right;
	margin:0 30px 0 0;
	padding:0;
}
.feature1{
	font-family:bookma old style, "Times New Roman", Times, serif;
	width:500px;
	margin-top:50px;
	padding:10px 10px 0 20px;
	font-weight: bold;
}


j'ai essayer clear et min-height mais rien a faire
si vous avez une idee pour regler ce pb n'hésitez pas
merci
Modifié le 22 Jan 2005 - 18:20
Un lien vers 127.0.0.1 ça n'a aucune chance de marcher puisque ça désigne... l'ordinateur sur lequel on se trouve.

Chose étrange quand je clique je me retrouve chez microsoft... (je suis sous linux je précise).
vous n'auriez pas une petite idée (même petite) sur probleme de positionnement de mon footer
bah.. ça va sans doute passer par une déclaration du type :

#bas img {
	line-height: 0; 
	padding: 0;
	margin: 0;
}

Essais avec chacune des propriétés pour voir laquelle a un effet.
Je miserais sur line-height.
merci
j'ai essayé les propriétés mais aucun effet mais en meme temps y a un truc que je comprend pas
a écrit :
#bas img

mais mon image est en background
Ces images ne sont pas en background :

<div id="bas">
	<!--<marquee>Le calendrier de Mescalito est dispo au club...</marquee>-->
		<a href="http://www.domaine-de-valcros.com" ><img src="../page/img/baniereValcros.gif" alt="http://www.domaine-de-valcros.com" /></a>
		<a href="http://www.ccedhec.com" ><img src="../page/img/LogoCCE.gif" alt="http://www.ccedhec.com" /></a>
		<a href="http://www.esigelec.fr" ><img src="../page/img/logo-esigelec.gif" alt="http://www.esigelec.fr" /></a>
		<a href="http://www.sigelec.asso.fr" ><img src="../page/img/logosigelec.gif" alt="http://www.sigelec.asso.fr" /></a>
		<a  class="contact" href="mailto:contact@voile-esigelec.com">nous contacter</a>

</div>

Du coup, si ça ne marche pas, il faut regarder ailleur...

<edit>
ah ! La solution proposée plus haut vise à régler le "léger décalage" dans Firefox. Je n'avais pas vu que dans IE le problème était autre.
</edit>
Modifié le 22 Jan 2005 - 17:42
je viens d'essyer ca n'a pas d'impacte
moi je pense que ca vien de mon contefloat
est ce qu'il existe une methode pour avoir dans mon cas
la hauteur au moins de feature1 egale a celle de de contefloat( ca je vois comment faire)
non le mieux ce serait de resoudre le pb
j'ai l'impression que ie n'est pas très sensible a min-height
IE ne comprend pas le min-height :

#milieu {
	padding: 50px 0 20px 0;
	border-left:2px solid #999999;
	border-right:2px solid #999999;
	min-height:450px;
}

Je te donne une piste...
Modifié le 22 Jan 2005 - 17:49
apparament tu mettrai 
clear:both;

autre part mais pas dans 
#milieu

je l'ai essayé sur 
#bas

mais ca n'a pas d'impacte
merci
j'ai fais l'essai avec juste
#milieu {
	padding: 50px 0 20px 0;
	border-left:2px solid #999999;
	border-right:2px solid #999999;
	height: auto !important; 
   	height: 100%; 
   	min-height: 100%; 
	background-color:#00CCCC;
}

ca fonctionne tres bien Smiley biggrin
merci beaucoup 
height !important

est prioritaire sut la suite??
Modifié le 22 Jan 2005 - 18:21
Ten CSS tricks you may not know a écrit :

4. !important ignored by IE

Normally in CSS whichever rule is specified last takes precedence. However if you use !important after a command then this CSS command will take precedence regardless of what appears after it. This is true for all browsers except IE. An example of this would be:
margin-top: 3.5em !important; margin-top: 2em

So, the top margin will be set to 3.5em for all browsers except IE, which will have a top margin of 2em. This can sometimes come in useful, especially when using relative margins (such as in this example) as these can display slightly differently between IE and other browsers.

(Many of you may also be aware of the CSS child selector, the contents of which IE ignores.)

http://www.evolt.org/article/Ten_CSS_tricks_you_may_not_know/17/60369/

Traduction :
http://w3qc.org/docs/dix_trucs_css.html
Modifié le 22 Jan 2005 - 18:33
c'est le genre de truc a mettre en gros en rouge ca en aider plus d'un
j'ai pas de tuto a propo de ce genre de chose
je l'ai vus je dans la doc css je croi mais je n'avais compri de koi il en retournai
Sujet clos
Aller à