Results 1 to 5 of 5
  1. #1
    Join Date
    Apr 2008
    Posts
    47
    Plugin Contributions
    0

    Default Layout Errors on Laptops

    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

  2. #2
    Join Date
    Apr 2006
    Location
    London, UK
    Posts
    10,569
    Plugin Contributions
    25

    Default Re: Layout Errors on Laptops

    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.
    Kuroi Web Design and Development | Twitter

    (Questions answered in the forum only - so that any forum member can benefit - not by personal message)

  3. #3
    Join Date
    Apr 2008
    Posts
    47
    Plugin Contributions
    0

    Default Re: Layout Errors on Laptops

    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

  4. #4
    Join Date
    Apr 2006
    Location
    London, UK
    Posts
    10,569
    Plugin Contributions
    25

    Default Re: Layout Errors on Laptops

    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.
    Kuroi Web Design and Development | Twitter

    (Questions answered in the forum only - so that any forum member can benefit - not by personal message)

  5. #5
    Join Date
    Oct 2006
    Location
    Alberta, Canada
    Posts
    4,571
    Plugin Contributions
    1

    Default Re: Layout Errors on Laptops

    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.

 

 

Similar Threads

  1. Category Layout errors!!!
    By sketchhgal in forum General Questions
    Replies: 9
    Last Post: 8 Jul 2009, 09:21 AM
  2. Layout controller errors
    By robbok in forum Templates, Stylesheets, Page Layout
    Replies: 11
    Last Post: 1 Feb 2007, 08:36 PM
  3. Layout errors in IE. Firefox ok
    By strelitzia in forum Templates, Stylesheets, Page Layout
    Replies: 1
    Last Post: 4 Nov 2006, 11:31 PM

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •  
disjunctive-egg