28172 sujets

CSS et mise en forme, CSS3

Bonjour, j'ai un petit probléme de décalage avec mon design

une image valant mille mots ...
http://luffyserveur.free.fr/decalage.PNG

Quand il y'a suffisamment de texte, le design s'affiche bien
Quand il n'y en a pas assez çà ne marche plus

Le template utilisé est le suivant
http://www.styleshout.com/templates/preview/Unbound1-0/index.html

-----------------
J'ai déja essayé

mettre la colonne 2 et 3 en float:right ( et suppression de la marge droite de colonne 1), le probléme est que la colonne 1 ne suit pas (elle ne s'aggrandit pas)


mettre 2 et 3 en position:absolute; et fixer la propriété right, la pareil, les 2 colonnes sont bien aligné à droite mais la colonne ne s'agrandi pas

un width:auto n'a aucun effet sur colonne 1

un width:100% sur colonne 1 fait sortir col2 et col3 de la page

un witdh:60% marche ... mais que sur une résolution donnée


merci d'avance pour vos eclaircissements

Mumu.
Modifié par mumuri (05 Nov 2008 - 00:34)
Salut,

mumuri a écrit :

une image valant mille mots ...
Certes mais il manque la fin de l'adage : "et un lien vers une page en ligne valant mille images..." Smiley langue

(à moins que quelqu'un ne se sente le courage de partir du template et de passer un temps fou à essayer de reproduire ton problème... en espérant que ce sera bien celui dont tu parles Smiley confus ).
n'ayant pas 1000 images sous la main , voila un lien montrant le probléme, un petit coup de firebug vous donnera les infos voulus
http://luffyserveur.free.fr/dossier/

merci d'avance

pour l'instant, je ne vois qu'une solution rajouter une ligne de ""- -- - - ---" de la même couleur que le fond pour étirer le design ...
Modifié par mumuri (05 Nov 2008 - 23:53)