comment continuer a centrer un div meme en overflow (ca bute a gauche)

Recherche :

Mot : Pseudo : Filtrer
Bas de page
Auteur	Sujet : comment continuer a centrer un div meme en overflow (ca bute a gauche)

MisterBark

be aware

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)

Publicité

MisterBark

be aware

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)

MisterBark

be aware

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)

MisterBark

be aware

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)

FORUM HardWare.fr

Programmation

HTML/CSS

comment continuer a centrer un div meme en overflow (ca bute a gauche)

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
Plus de sujets relatifs à : comment continuer a centrer un div meme en overflow (ca bute a gauche)

Page générée en 0.036 secondes