5 replies [Last post]
definewebsites
Offline
newbie
UK
Last seen: 13 years 24 weeks ago
UK
Joined: 2007-05-29
Posts: 7
Points: 0

Hi there,

I have this website: http://asiamagl.com

In Firefox the website looks perfect, but in Internet Explorer, the top header seems to extend more than it should thus creating a space on the left hand side just under the company name. Can anyone please tell me why this is so.

Below is the css code for the header:

.styleControl #header { border-right:1px; border-left:0px; border-bottom:0px; border-top:0px; border-style:solid; border-color:#7db9a9; margin: 0; }

Thanks

burlster
burlster's picture
Offline
Leader
Bournemouth
Last seen: 3 years 9 weeks ago
Bournemouth
Timezone: GMT+1
Joined: 2007-05-31
Posts: 693
Points: 45

This probably isn't what

This probably isn't what your problem is, but is that the right order to do your border? I know in some places it's important to get the right order when listing CSS properties. My reference book here would recommend left, top, right, bottom (ie. clockwise direction) for border. Plus, perhaps setting padding to 0 also? Sorry if that doesn't help at all,

John

Have YOU said Hello yet?
The CSSCreator Hello Thread

definewebsites
Offline
newbie
UK
Last seen: 13 years 24 weeks ago
UK
Joined: 2007-05-29
Posts: 7
Points: 0

The Problem Persists

Hi there,

Thanks for the response. I tried what you suggested but the problem is still persisting.

Thanks for your help though.

definewebsites
Offline
newbie
UK
Last seen: 13 years 24 weeks ago
UK
Joined: 2007-05-29
Posts: 7
Points: 0

Solution

Hi All,

I figured out a way to deal with the issue.

Thanks for the all the help that I received.

Cheers

burlster
burlster's picture
Offline
Leader
Bournemouth
Last seen: 3 years 9 weeks ago
Bournemouth
Timezone: GMT+1
Joined: 2007-05-31
Posts: 693
Points: 45

Sorry I couldn't be of

Sorry I couldn't be of anymore assistance, do you mind if I ask how you solved it?

Thank you,

John

Have YOU said Hello yet?
The CSSCreator Hello Thread

definewebsites
Offline
newbie
UK
Last seen: 13 years 24 weeks ago
UK
Joined: 2007-05-29
Posts: 7
Points: 0

Well, instead of

Hi there,

ok, instead of using several images for the company name banner, I used just the complete image and floated the div to the left, so that the rest divs with the slogan/navigation could be placed accordingly.

Seems Internet Explorer has a problem with several pieces of an image placed in separate div tags.. Smile

Cheers