Mise en page compromise avec un float: left

Mise en page compromise avec un float: left - HTML/CSS - Programmation

Marsh Posté le 17-08-2005 à 23:13:33    

Bonsoir,
 
j'ai un petit souci avec mon site. J'utilise un conteneur global pour ma page avec un deux images et un menu horizontal en haut, une colonne à gauche, à droite le contenu de la page et enfin, un conteneur en bas pour un petit menu.
 
Mon souci vient du fait que pour ma colonne à gauche, j'utilise un float: left et si le contenu de la page de droite et plus cours que la colonne, la page est raccourcie. Voici le problème en question :
 
- une page normale : ici
- une page qui pose problème :
 
Je voudrais donc qu'au minimum, ma page arrive en bas de la colonne qui "float". J'avais pensé mettre une hauteur fixe à ma conteneur principal mais ça pose aussi problème : si la page est trop courte, le conteneur du bas remonte et se positionne juste après le contenu de la page de droite et si la page est trop longue, on voit le cadre du conteneur principal disparaitre.
D'ailleurs, est-il possible de faire que mon conteneur qui "float" soit de la longueur de la page quand celle ci est plus longue que la longueur initiale du conteneur ? J'utilise dans ma css une image de fond qui se répète et ça marche très bien avec des tableaux mais je ne veux pas en utiliser pour rester conforme w3c.
 
Enfin, l'ensemble de la page est alignée à gauche et je voudrais qu'elle soit centrée. Savez-vous comment faire ça avec un les css ?
 
Merci pour votre aide :)

Reply

Marsh Posté le 17-08-2005 à 23:13:33   

Reply

Marsh Posté le 17-08-2005 à 23:29:35    

C'est trai trai mal, mais bon.
 
Dans l'élément que tu veux artificiellement agrandir (body par exemple), tu insères un <hr> que tu styles avec

hr {
    visibility: hidden;
    clear: both;
}


 
BTW t'as 15 fois trop de classes ;)  
 
Et probablement pas mal d'éléments inutiles


Message édité par masklinn le 17-08-2005 à 23:30:36

---------------
Stick a parrot in a Call of Duty lobby, and you're gonna get a racist parrot. — Cody
Reply

Marsh Posté le 18-08-2005 à 01:13:32    

masklinn a écrit :


BTW t'as 15 fois trop de classes ;)  
 
Et probablement pas mal d'éléments inutiles


L'intégralité des tr et td par exemple  :( qui pourraient avantageusement être remplacés par des listes de définition pour chaque partie de la page et par du positionnement sans tableau pour leur agencement ...
Il n'y a même pas un h1 dans la page [:ocube]


Message édité par phosphorus68 le 18-08-2005 à 01:14:31

---------------
Faudrait pas prendre les oiseaux du bon Dieu pour des canards sauvages
Reply

Marsh Posté le 18-08-2005 à 10:38:21    

le dernier tableau qui reste, c'est celui d'un script de sondage que j'avais repris ^^ Je vais faire mon propre script et enlever le dernier tableau pour que ce soit plus propre.
Pour le nombre de classes, je ne me rends pas trop compte encore je dois dire ^^ En meme temps, si je veux faire des mises en forme pour chaque élément ou presque, je fais forcément appel à beaucoup de classes ^^
 
En tout cas, je vais approfondir ton clear:both, je ne connaissais pas cette méthode.
Par ailleurs, pour pouvoir centrer mon conteneur principal, comment dois je m'y prendre ?
 

Reply

Marsh Posté le 18-08-2005 à 10:41:42    

Centrage de DIV :
 
{
margin-left: auto;
margin-right: auto;
}
 
Je pense qu'il faut aussi spécifier ta width de DIV.

Reply

Marsh Posté le 18-08-2005 à 10:58:14    

Merci c'est bien ça (et j'avais de base spécifié une width) :)

Reply

Marsh Posté le 18-08-2005 à 13:31:21    

Bon, là ça commence à vraiment ressembler à ce que je veux faire :)
MAIS j'ai toujours mon problème avec ma colonne de gauche :( Comment faire pour que l'image de fond (le div en fait) continue jusqu'en bas ?

Reply

Sujets relatifs:

Leave a Replay

Make sure you enter the(*)required information where indicate.HTML code is not allowed