Forum |  HardWare.fr | News | Articles | PC | S'identifier | S'inscrire | Shop Recherche
1699 connectés 

  FORUM HardWare.fr
  Programmation
  HTML/CSS

  Mise en page compromise avec un float: left

 


 Mot :   Pseudo :  
 
Bas de page
Auteur Sujet :

Mise en page compromise avec un float: left

n°1178373
zanton
Posté le 17-08-2005 à 23:13:33  profilanswer
 

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 :)

mood
Publicité
Posté le 17-08-2005 à 23:13:33  profilanswer
 

n°1178384
masklinn
í dag viðrar vel til loftárása
Posté le 17-08-2005 à 23:29:35  profilanswer
 

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
n°1178409
phosphorus​68
Pseudo à n°
Posté le 18-08-2005 à 01:13:32  profilanswer
 

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
n°1178544
zanton
Posté le 18-08-2005 à 10:38:21  profilanswer
 

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 ?
 

n°1178547
Beral2
Posté le 18-08-2005 à 10:41:42  profilanswer
 

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

n°1178580
zanton
Posté le 18-08-2005 à 10:58:14  profilanswer
 

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

n°1178725
zanton
Posté le 18-08-2005 à 13:31:21  profilanswer
 

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 ?


Aller à :
Ajouter une réponse
  FORUM HardWare.fr
  Programmation
  HTML/CSS

  Mise en page compromise avec un float: left

 

Sujets relatifs
[CSS débutant] Comme lier une feuille CSS à un tableau dans page HTML?ftp to ftp par page php
Ouverture auto et simultanée d'une page et d'un pdfinclure un fichier xsl dans une page php ?
[Javascript] Actualisation d'une page et données POSTDATA[ASP.NET] variable de session d'une page asp a aspx ?
Afficher page XML dans browser + ajout xhtmlproposer un site en page d'accueil au chargement de la page
Passage de id d'une page à l'autreiText : page events & variables globales
Plus de sujets relatifs à : Mise en page compromise avec un float: left


Copyright © 1997-2022 Hardware.fr SARL (Signaler un contenu illicite / Données personnelles) / Groupe LDLC / Shop HFR