Fix Banner Alignment with Internet Explorer/Firefox?

[fritzfeger 0]

There has been a post with the same title, but the bug identified there I don't have. Here is my page with lots of banners: http://agroblogger.de/buchstelle-lage/mitarbeiter/ The text perfectly aligns vertically in Safari, but IE and Firefox show the text inside the banners driven much to the right, and not vertically aligned. I use the same parameters in each box setting, which is only these two values: Banner Text Width (In %): 86% Banner Text Padding: 16px In addition, there is some custom code, which I inserted in the "custom code" box of Platform Pro settings: #banners div.banner-text {font-size: 12px;} #banners .banner-title {font-size: 0.8em;} #banners .banner-text-pad { padding-top: 0px !important; } #banners .banner_container .banner-area { padding-top: 0px !important; } #banners .banner_container .banner-area { padding-bottom: 0px !important; } How can I fix that? Thank you for your help!

[catrina 103]

Try removing the two parameters in the box setting and leave the custom code as is to see if any difference is made.

[fritzfeger 0]

Hi catrina, first, what I did not recognize, the text _IS_ aligned: it is aligned right! Secondly, when I remove the two box setting parameters, the respecive banners is centered, and both the picture and the text are left-aligned, though with an arbitrary and much too big padding between the two fields. This is the same with Safari and IE/Firefox, so at least there is no different result between any browsers any more. Consider http://agroblogger.de/buchstelle-lage/mitarbeiter/lohn/ The first two banners have no box setting parameters, the third one still has 86% and 16px for comparism. I'd love to leave the box setting parameters empty and have some .banners_container custom CSS which fixes the 86% and 16px padding thing once and for all banners! So customers can create banners themselves without having to input hard-to-remember parameters. I've copied the above custom CSS from some forum postings... how can I "fake" the % and px setting parameters in CSS?

[fritzfeger 0]

I found the mistake. It was actually the same mistake as in the earlier posting with the same title, but I couldn't see that until installing firebug. The banner settings says: "Banner Text Width (In %)". And me, being a pedantic prussian, I type in "86%". It SHOULD however be only "86"! Safari seems to know fools like me and ignore the double % sign, but Firefox and IE report that: [code]

[/code] The settings form should maybe avoid this ambiguity. Maybe by printing the % sign right hand side of the input field, which should then be only, say, 100px wide.

[Jenny 33]

Glad you were able to figure it out!