Probably more CSS trouble: Formbuilder/Top simple nav + left subnav + 1 column

[kizil]

Hi,

I'm having two more, rather annoying CSS/Template problems.

The first one regards the Formbuilder, I pretty much use the contact form as it comes "out of the box", I only added fields, use the captcha module and added in the captcha help text line a

Code: Select all

<br>

before and after the help text to get the text and input field all to appear one beneath the other.

This works just nicely on FF, but IE of course produces what you see - the input field is pushed towards middle.

IE:



FF:




The second minor problem is the way the horizontal menu is displayed. FF again shows it as it should be: even margins above and below the text of the buttons. IE however adds some mysterious 3-4 pixels worth of added margin above the text. No idea where that originates from, I tried looking at all the CSS and the templates, but except for the hidden accessibility

Code: Select all

<hr>

there's nothing I could pinpoint that to, and I didn't so far try to take them out, as the page should be accessible.


IE:



FF:



Any ideas on either one? 

Greetings

Kizil

[KO]

Try wrapping Captcha around div if its not allready. Then give it a width that's not much more than image width.

Br, K

[kizil]

Hi,

yep - that worked. Thanks! 

So half the trouble now is solved.

Greetings

Kizil

[KO]

Good.

For the other menu problem check , and margin, padding, lineheight and font-size settings in your css for menu items. Set padding and margin for all of them 5px and lineheightand font-size 12px or 1em. Even if it does not look right you could compare and see if you found what is the problem. Most likely it is some default setting in different browser that is different compared to other. Also if you have link that could help to figure it out.

Br, K