28173 sujets

CSS et mise en forme, CSS3

Salut, ptit souci avec ma feuille de style

Hello, bonjour a tous !

J'ai un bug que j'arrive pas a resoudre avec Firefox.
http://www.evarock.net/insectes/index.php?page=13

Le contenu depasse du <div id="site">

J'utilise un min-height qui n'est normalement reconnu que par firefox:

html>body #corps #sites {
background: black;
 height: auto;
 min-height: 470px;
}


Mais le truc c'est que ca ne marche pas..

Sous IE le height est bien reconnu:

#corps div#accueil, #corps div#news, #corps div#sites, #corps div#portraits, #corps div#medias, 
#corps div#projet, #corps #linked, #corps div#thema {
 display: block;
 clear: both;
 height: 470px;
 padding: 15px;
 margin: 0;
 color: #01AD01;
 background: white;
 font: bold 1.3em Arial, Helvetica, sans-serif ;
}


Si quelqu'un a une idée ...

[Rq: autant pour moi pour le code, desolé Smiley rolleyes ]
Modifié par yohan (10 Mar 2007 - 15:01)
Salut tu as la un problem qui est du à ton menu en float:left;

Il te suffit de rajouter une <div> en dessous de ton conteneur et avant le footer pour ainsi "casser" le float et revenir dans un flux "normal".

Voici de que tu dois rajouter
<div class="spacer"></div>


et le css :

.spacer {
clear:both;
}


En esperant avoir répondu à ta question
Modifié par reise (10 Mar 2007 - 14:51)
Administrateur
Hello,

Voudrais-tu bien modifier ton message afin d'afficher tes codes conformément à ce que l'on a l'habitude ici ? (cela t'a certainement déjà été demandé)

De plus, tu dois te douter que la grande majorité des sujets ici (voire tous) traitent de "Petits soucis de feuille de style".

Ton sujet va donc malheureusement vite se perdre dans la masse, tout simplement parce que tu ne donnes pas assez de précision dans ton titre Smiley decu

Bonne chance.
reise a écrit :
Salut tu as la un problem qui est du à ton menu en float:left;

Il te suffit de rajouter une <div> en dessous de ton conteneur et avant le footer pour ainsi "casser" le float et revenir dans un flux "normal".

Voici de que tu dois rajouter
<div class="spacer"></div>


et le css :

.spacer {
clear:both;
}


En esperant avoir répondu à ta question


Hello merci de repondre en 10 000 eme vitesse !

effectivement doit y avoir un prob de clear both pour mes elements float.

Merci !
Modifié par yohan (10 Mar 2007 - 15:08)
Sujet clos
Aller à