Home Page Layout Difference In Ie Vs Firefox

[devmanoj 0]

Hi folks...I'm having trouble with a minor layout difference in the home page of my website http://forums.xisto.com/no_longer_exists/
You would notice the "join our mailing list box ..." on the right of the page is not aligned properly. But this looks perfect in Firefox.Can anyone please help to fix this. Greatly appreciate any helpRegards

[rpgsearcherz 5]

There's a few problems here. I'll go based on the CSS classes:txt-bx should have "top: 55px"The input box should have "top: -59px"For your 'label for="signup-user-name"' area, delete the "top:" altogether to make it sit rightAfter these three things are done it looks perfect.

[devmanoj 0]

Thanks rpgsearcherz.

I can find the txt-bx in style.css but not sure which file contains the code for input box and 'label for="signup-user-name"' area,".

I can find this code using firebug. Would you know how to find in which file this code is written ?

 

Once again many thanks for your input.

 

regards,

[rpgsearcherz 5]

Thanks rpgsearcherz.

I can find the txt-bx in style.css but not sure which file contains the code for input box and 'label for="signup-user-name"' area,".

I can find this code using firebug. Would you know how to find in which file this code is written ?

 

Once again many thanks for your input.

 

regards,

 

It looks like you got it all fixed on my end. If not, both of the things (input box and label) are inline, so they aren't in a css file. They'd be in whatever file is handling the actual signup for you.

[KevinDawson 0]

On 2/26/2013 at 3:38 AM, devmanoj said:

Hi folks...I'm having trouble with a minor layout difference in the home page of my website http://forums.xisto.com/no_longer_exists/ https://www.gadgetskool.com/
You would notice the "join our mailing list box ..." on the right of the page is not aligned properly. But this looks perfect in Firefox.Can anyone please help to fix this. Greatly appreciate any helpRegards

Use the browser's built-in developer tools (usually accessible by pressing F12 or right-clicking and selecting "Inspect") to inspect the elements causing the misalignment. You can modify the CSS rules in real-time to see how they affect the layout.