2010-04-25 13 views
0

Merci à tous ceux qui ont aidé à ma dernière question, mais j'ai un nouveau problème indépendant du navigateur:hauteur de la colonne CSS différent sur Opera/IE FF

Pour une raison quelconque, le navigateur d'image (ne fonctionne pas encore) sur un site Web sur lequel je travaille actuellement ne s'affiche pas au bon endroit sur Firefox. Il apparaît au bon endroit dans IE8 et Opera mais Firefox semble avoir un problème avec cela.

Comme le montre l'image ci-dessous, le div imageContainer (l'image et les flèches gauche/droite) apparaît en haut du pied de page, c'est à quoi cela devrait ressembler dans IE8 et Opera.

opera image http://img686.imageshack.us/img686/5872/operat.jpg

Mais dans l'image ci-dessous, la div imageContainer est coupe dans le pied de page div pour une raison quelconque, et je ne sais pas pourquoi.

firefox image http://img339.imageshack.us/img339/6069/firefoxlz.jpg

imageContainer a un margin-top: 110px; pour l'obtenir au bon endroit au bas de sa colonne. Il y a 2 colonnes, la gauche abritant les paragraphes et imageContainer et le logement droit le calendrier et les coordonnées. Le pied de page div a aussi clear: both;

De plus, ce n'est pas seulement l'image qui tombe dans le pied de page, mais aussi les flèches qui sont de la même couleur que le pied de page, ce qui n'est pas immédiatement apparent.

Des idées pour lesquelles il ne s'affiche pas correctement? Y a-t-il une meilleure façon d'aligner l'imageContainer au bas de sa colonne (pour garder la forme de boîte du site Web) autre que d'utiliser le margin-top pour le positionner?

Merci à l'avance,

infinitifizz

post-scriptum

complètement oublié que je ne l'avais pas posté le lien du site, voici où je suis un peu d'espace temporaire pour héberger: Temp Hosting

+0

Quel 'doctype' utilisez-vous? Quelle version d'Opera exactement? – BalusC

+0

La version d'Opera est la plus récente: 10.52 et le doctype est Transitional. –

Répondre

0

Ne pas avoir accès au site actuel, il est difficile de répondre, mais vous pouvez essayer quelque chose comme position: relative; bottom: 0 pour placer les éléments en bas.

+0

Ah désolé, complètement oublié, le site est à: http://pentathlongb-yorkshire.co.uk/tomsmith/Beansheaf/hotel.html –

+0

Juste essayé la position/bas CSS et il n'a pas fonctionné pour Opera, IE ou FF, mais merci pour la réponse. –

+0

Quelqu'un d'autre peut-il aider? Je ne sais vraiment pas pourquoi 110px (le margin-top ou top - si j'utilise la position: relative) est différent dans FF et Opera et IE?! Comment une taille de pixel peut-elle être différente pour chacun? –