comment continuer a centrer un div meme en overflow (ca bute a gauche)
comment continuer a centrer un div meme en overflow (ca bute a gauche) - HTML/CSS - Programmation
Marsh Posté le 27-02-2010 à 04:07:36
Bon, je réponds moi même à mon topic avec ceci :
http://img.canadamodel.ca/design-v2/
Ce que j'ai fait est en fait un trompe l'oeil: les balises "a" ne continuent pas a l'exterieur de la fenetre, elles vont jusqu'au bord et l'image du bouton reste alignée contre l'image principale (à droite pour l'image de gauche, et inversement)
Ca semble etre une solution qui fonctionne (sous firefox chez moi en tous cas) mais j'ai de gros doutes car c'est un peu bricolage non ?
J'ai peur que sur certains navigateurs, la largeur des 2 td ne soit pas la meme puisqu'elle est indéfinie...
si quelqu'un pouvait me dire si ca marche sous ie, je n'ai pas windows, merci !
(il faut donc rétrécir la fenetre pour voir ce qui se passe...)
Message édité par MisterBark le 27-02-2010 à 18:00:42
---------------
La vie c'est comme une boite de chocolats, on ne sait jamais sur quoi on va tomber. (Forrest Gump)
Marsh Posté le 01-03-2010 à 00:12:24
Bon, quelqu'un vient de me dire que ca marche pas du tout sous ie.... 
alors comment faire ?
PS:
bon, j'ai une autre idée:
-> l'image principale, la mettre en background centré dans la zone grise.
-> diviser ensuite cette zone en 2 div de width:50%
-> le premier div a un padding-right:300px et celui de droite c'est un padding-left
-> pareil avec la balise a: largeur 100%
Message édité par MisterBark le 01-03-2010 à 00:21:32
---------------
La vie c'est comme une boite de chocolats, on ne sait jamais sur quoi on va tomber. (Forrest Gump)
Marsh Posté le 12-03-2010 à 04:35:41
bon donc pour la petite histoire j'ai fini le site (enfin me semble-t-il !)
j'espere qu'il n'y a pas de bug inter-navigateurs.... :-\
la: http://www.canadamodel.ca
Ce qui m'inquiete c'est les photos de la galerie.... car le reste est assez simple.
bye !
---------------
La vie c'est comme une boite de chocolats, on ne sait jamais sur quoi on va tomber. (Forrest Gump)
Sujets relatifs:
- [CSS] Centrer un DIV a cote d'un DIV aligne a gauche
- Centrer un block css
- Styliser une scrollbar avec l'overflow
- soucis pour centrer un objet flash dans un form (css)
- Stack OverFlow et les joies de la récursivité
- défilement horizontal avec la pté CSS overflow
- Problème avec JSCalendar et overflow
- Centrer un HTA sous Vista / IE7
- Centrer un prompt
Marsh Posté le 27-02-2010 à 03:35:53
Bonjour !
Voila ce que je suis en train de coder :
http://img.canadamodel.ca/design-v2.jpg
L'image au centre est l'image en cours, elle doit rester au centre.
A gauche et à droite, c'est en fait "précédent" et "suivant" pour les autres images de la galerie.
Le bouton [<] ou [>] + son image déformée sera en fait un hover qui change l'angle et la luminosité de l'image + son bouton.
Facile à faire, mais je rencontre un sérieux problème :
Je veux que tout ca reste centré, meme en cas de dépassement par overflow.
Or bien sur, si je mets tout ca dans un div overflow:hidden , ca bute à gauche lorsque je rétrécie ma fenetre.
Le but est que si la fenetre ne fait que 680 pixels de large, et bien on ne voit plus que l'image actuelle + les 2 boutons, et non leurs images associées.
Voila, je n'ai pas du tout idée de comment je pourrais faire ca !
PS: 100% html+css bien sur
Merci beaucoup par avance pour votre aide !
---------------
La vie c'est comme une boite de chocolats, on ne sait jamais sur quoi on va tomber. (Forrest Gump)