2009-02-20 9 views
0

En haut de this webpage, il y a deux éléments dans la zone de contenu principal (fond blanc): une image et une boîte de logo.Problème de disposition CSS

La boîte de logo est flottante à droite et l'image a une marge de droite qui est suffisamment grande pour accueillir la boîte logo et un petit rembourrage. Cependant, si la fenêtre de votre navigateur est suffisamment étroite, la boîte à logo glisse sous l'image. Ce que je voudrais arriver, c'est que l'espace horizontal entre les deux diminue à un minimum de 6 pixels, et si la fenêtre du navigateur est plus étroite, des barres de défilement horizontales apparaissent.

Y a-t-il un moyen d'y parvenir sans avoir recours à une disposition complètement «figée», c'est-à-dire en définissant une largeur fixe sur la zone de contenu principale?

Merci, Don

Répondre

1

La propriété ne min-width css ce que vous voulez. Ne fonctionne pas dans IE 6, cependant. Pour cela, un peu de JavaScript peut aider si c'est vraiment nécessaire.

Définissez le min-width DIV blanc à la taille de l'image + la bordure.

+0

fonctionne parfaitement, merci beaucoup! –

+0

Heureux d'aider quelqu'un à concevoir une mise en page fluide-largeur :) – Welbog

+0

@Welbog: répandre le css! :) – alex