28220 sujets

CSS et mise en forme, CSS3

Modification d'une base existante

Bonjour et désolé pour le titre peu explicite mais il n'y a pas assez de place pour mettre quelquechose de compréhensible.

Par manque de temps je ne peux pas repartir de 0 Smiley ohwell

Le design actuel est celui là : http://design.entreparenthese.net/newblog/

Pour l'instant la hauteur du "contenu" est de 4000px car si le texte arrive par dessus il déborde sur le footer. Comment faire pour régler le problème ? Je voudrais que le footer soit toujoursjuste en dessous du texte, que ce soit le menu de gauche qui soit plus long que le contenu à droite ou vice-versa.

Merci
TriadPtale a écrit :
.footer{clear:both;}

Oui... mais non !

Dans la page, le positionement est à base de positionement absolu, le clear: both; n'y changera rien.

La solution, c'est de mettre ton menu en float et ensuite d'appliquer clear: both; à ton pied de page.
En mettant float: left au menu et clear: both au footer, le menu reste a gauche mais passe en dessous du #contenu Smiley sweatdrop
Il y a peut être des trucs à régler au niveau du #content

J'ai pas regardé en détail ton code...
Essai en mettant margin-left: XXpx; à ton #content où XX ~= largeur de ton menu.
Olivier a écrit :
Il y a peut être des trucs à régler au niveau du #content

J'ai pas regardé en détail ton code...
Essai en mettant margin-left: XXpx; à ton #content où XX ~= largeur de ton menu.

J'ai déjà un margin:0 0 0 200px;

Je teste tout en local, mais quoique j'éssaye j'y arrive pas...

Y a pas une autre méthode que CLEAR + FLOAT pour faire ce que je veux ? Smiley murf
Bah float+clear c'est le plus efficace et le plus simple.
Et avec le positionement absolu, tu peux pas gérer le pied de page.
Modifié par Olivier (05 May 2005 - 18:39)
Ahh j'ai capté !
En fait ton menu est sous ton contenu dans la source HTML

Donc, là il faut mettre float: left; sur ton content aussi

Enfin non, float: right Smiley langue

Donc, je récapitule :


float: left;
width: XXpx;

Ca pour ton menu

float: right;
width: XXXpx;

Ca pour le contenu
et enfin

clear: both;

Pour ton pied de page.

Et là ça roule.

Par contre, ton code est bourré de hacks à gogo, t'aurais des trucs à revoir à mon avis la dedans.
Modifié par Olivier (05 May 2005 - 18:38)
Sujet clos
Aller à