Banner Problems

[mark_88_turbo]

Hi there,
Would like to ask a quick question if that’s ok? When my title banner is viewed through Internet Explorer, it is justifies correctly to the top left hand corner. However, when using Mozilla - Firefox and other browsers, the title banner is offset by about 10mm from the top and 10mm from the left side, which looks very odd. I did another website for a friend using the same software (Dreamweaver 2) and that banner is fine. I’ve been trying to fix this for about 6 months now and just can’t work it out. Is it something to do with the layers I’ve used or html?
Any help or thoughts you have would be very much appreciated,
thanks,
Mark.

[ukgeoff]

Post a link to the site so we can see what's happening.

[mark_88_turbo]

Hi Geoff,
thanks for the response. Here's the site: http://www.lotusespritturbo.com
I've bundled the banner in the same layer as the menu buttons. Is that what's causing it do you think?
Thanks for your time,
Mark.

[ukgeoff]

Some pointers:
Get rid of Dreamweaver in favour of hand coding. That way you have more control over your code and therefore what it is doing.

Place you JavaScript and CSS styling in their own files and link them into your pages. It makes them easier to work on and debug, and as the browser caches these files, your pages, after the first one, will load faster.

As to your problem, different browsers have different default values of padding and margin. So as you know the point from which you are starting, add this css styling block to your code:

Code: Select all

* {
   padding: 0;
   margin: 0;
}

[mark_88_turbo]

Originally Posted by ukgeoff

Some pointers:
Get rid of Dreamweaver in favour of hand coding. That way you have more control over your code and therefore what it is doing.

Place you JavaScript and CSS styling in their own files and link them into your pages. It makes them easier to work on and debug, and as the browser caches these files, your pages, after the first one, will load faster.

As to your problem, different browsers have different default values of padding and margin. So as you know the point from which you are starting, add this css styling block to your code:

Code: Select all

* {
   padding: 0;
   margin: 0;
}

Thanks very much for the information. Wow, steep learning curve! A few terms I haven’t heard of. I’ll add the html and do as you mention,
Thanks very much again,
Mark.