Jump to content

Page layout issues with different browsers


Teapips
 Share

Recommended Posts

Hey guys and gals,I have been editing this template and I've started to have issues ever since I added in the phone number image. It looks fine in Chrome and Safari but in Firefox and IE there's a huge gap between the header image and content and the contact form doesn't seem to be in align with the content box. One thing IE has gotten right is how the logo is placed closer to the header. In Chrome there's a big padding space.Site: http://tahnaiya.com/clients/temp/CSS: http://tahnaiya.com/clients/temp/style-ex.cssI have been trying to work this out all day and I just can't figure it out. Does anyone know what's causing this issue? I would truly appreciate any tips.Thank you!T

Link to comment
Share on other sites

I've using Firebug trying to fix your design, but it so full of relative positioning, negative margins and other things.Remove all your negative margins, from every element, and start over, make your header image a background image. Position all your elements using positive margin and padding, don't use relative positioning, move your "contact" box to the body section below the horizontal menu, don't float elements that don't need to be placed next to other elements.

Link to comment
Share on other sites

I've using Firebug trying to fix your design, but it so full of relative positioning, negative margins and other things.Remove all your negative margins, from every element, and start over, make your header image a background image. Position all your elements using positive margin and padding, don't use relative positioning, move your "contact" box to the body section below the horizontal menu, don't float elements that don't need to be placed next to other elements.
Thank you! I will try that!
Link to comment
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now
 Share

×
×
  • Create New...