CSS layout problem

bobspanner · 08-01-2008, 02:34 PM

Hi i have a site in development and I am baffled at an issue that is in Internet explorer 6 and 7 and not Firefox and Safari/Opera

If you look at this url http://ufo-design.co.uk/dev2/hsc/ and see in the left menu at the top I have the word test so you can see what is happening. in IE6 and 7 the word test has some padding or margin above it like it has float dropped when in the code there is nothing. There is no padding set in the left menu or margins set for the top. I have tried not having align left & float left as i know this can cause issues.

In firefox you can see that the word test in the left is sitting nicely at the top left as it should be.

Any ideas what might be causing this? its driving me crazy.

Thanks in advance.

danf · 08-01-2008, 07:20 PM

Try setting "top:0px;" for your sidebar div.

bobspanner · 08-04-2008, 02:26 PM

No thats not it. Its very odd. I have tried most things I know of, I have a good knowledge of CSS and its confusing me.

smashwebs · 08-04-2008, 06:11 PM

Try checking to see if the DIV for nav_top.gif has a margin, I know those can display odd based on your browser. Also, maybe try testing it by throwing an absolutely positioned table cell to see if it does the same thing. It appears to be something odd with the DIV ID of the text itself.

bobspanner · 08-05-2008, 01:38 PM

Thanks I will have a look at it.

08-01-2008, 02:34 PM	#1 (permalink)
bobspanner New Member Join Date: Aug 2008 Location: UK Posts: 4	CSS layout problem Hi i have a site in development and I am baffled at an issue that is in Internet explorer 6 and 7 and not Firefox and Safari/Opera If you look at this url http://ufo-design.co.uk/dev2/hsc/ and see in the left menu at the top I have the word test so you can see what is happening. in IE6 and 7 the word test has some padding or margin above it like it has float dropped when in the code there is nothing. There is no padding set in the left menu or margins set for the top. I have tried not having align left & float left as i know this can cause issues. In firefox you can see that the word test in the left is sitting nicely at the top left as it should be. Any ideas what might be causing this? its driving me crazy. Thanks in advance.

08-04-2008, 06:11 PM	#4 (permalink)
smashwebs New Member Join Date: Aug 2008 Location: Omaha, NE Posts: 12	Try checking to see if the DIV for nav_top.gif has a margin, I know those can display odd based on your browser. Also, maybe try testing it by throwing an absolutely positioned table cell to see if it does the same thing. It appears to be something odd with the DIV ID of the text itself. __________________ I make Web Sites. Let me make one for you. Web Design \| Hosting \| SEO \| Smashwebs.com

Thread Tools
Show Printable Version Email this Page
Display Modes
Linear Mode Switch to Hybrid Mode Switch to Threaded Mode

08-01-2008, 07:20 PM	#2 (permalink)
danf New Member Join Date: Aug 2008 Posts: 4	Try setting "top:0px;" for your sidebar div.

08-04-2008, 02:26 PM	#3 (permalink)
bobspanner New Member Join Date: Aug 2008 Location: UK Posts: 4	No thats not it. Its very odd. I have tried most things I know of, I have a good knowledge of CSS and its confusing me.

08-05-2008, 01:38 PM	#5 (permalink)
bobspanner New Member Join Date: Aug 2008 Location: UK Posts: 4	Thanks I will have a look at it.