Layout Errors on Laptops

[colnixon]

Hi,

On my PC my zencart site works fine in all resolutions. When viewing my site on my laptop everything below my banner appears about 2 line brakes higher than it should resulting in an overlap on my banner.

I have since viewed my site on other laptops and the same overlap appears. This only seems to happen in internet explorer and not firefox.

My site is www.ukgiftideas.net

Any suggestions on how this can be resolved will be appretiated.

Many Thanks

Colin

[kuroi]

There's nothing specific to laptops that could cause this. More likely it's to do with the browser versions that they're running, and possibly how they interpret the unclosed BR tag that you have in the center panel.

[colnixon]

From previous web development experience I have found that using line brakes BR tag to align things on your pages does have different effects on different browsers so you are exactly right...

To resolve this, it is usually best to use an invisible table then you can specify the exact distance in pixels that you are looking for. How could this be achived on a zencart website?

Cheers

colin

[kuroi]

I'd fundamentally dispute that tables are the best way to achieve layout. We have far better tools, i.e. CSS at our disposal now, so the correct way to achieve pixel perfect distance between objects is by setting a margin, padding or some combination of the two.

[Website Rob]

I wouldn't say one uses a BR for any kind of alignment, other than going to first character of a new line.

Old school method for what you want is to use a transparent gif.

New school is to use CSS with display:none for a discriptor.

Example
<hr class="hidden" /> where .hidden {display:none}

Adjust to suit your needs.