Results 1 to 7 of 7
  1. #1
    Join Date
    Feb 2007
    Posts
    212
    Plugin Contributions
    0

    Default Header slight over lap

    Hi guys,

    www.splay.co.uk

    My site looks okay on my site but there seems to be a overlap on my laptop?

    My list category coloumn / Splay Intro / more information box seem to be on top of my logo..about 5 cm up???

    Where have i gone wrong??

    Thank guys

  2. #2

    Default Re: Header slight over lap

    Do you have a heigth set for your navMainWrapper in your CSS file? If so, it might not be tall enough to accomodate both the bar and the image.
    I think you may have the image height set in the navMainWrapper, but it needs to be in the #logoWrapper. Somewhere you have a height missing or too short. What did you change when you removed the bottom nav bar? Look there for your error.


    Do you mean to have a top padding on your navColumnLeft and navColumnRight?

  3. #3
    Join Date
    Feb 2007
    Posts
    212
    Plugin Contributions
    0

    Default Re: Header slight over lap

    Hi, after viewing my site on all my pcs/ laptops i still have had a number of customers / friends complain that there still is a overlap??

    very hard for me as i do not see this on any of my machines

    1. under nav i have:

    #navMainWrapper {
    margin: 0em;
    background-color: #26b888;
    background-image: url('../images/bar2.gif');
    font-weight: bold;
    color: #000000;
    height: 1%; padding-left:0.2em; padding-right:0.2em; padding-top:1.15em; padding-bottom:1em
    }


    logowrapper looks like this:

    #logoWrapper{
    background-image: url('../images/header_bg.jpg');
    background-repeat: repeat-x;
    background-color: transparent;
    height:75px
    }

    Hope this makes sense?!?

    Thanks and really appreeciated.

  4. #4

    Default Re: Header slight over lap

    It looks much better than before, you've been working on it!. I still see the overlap too.
    Change the logoWrapper code to this. and don't forget the semi-colon.

    #logoWrapper{
    background-image: url('../images/header_bg.jpg');
    background-repeat: repeat-x;
    background-color: transparent;
    height:145px;}

  5. #5
    Join Date
    Feb 2007
    Posts
    212
    Plugin Contributions
    0

    Default Re: Header slight over lap

    Hi, yes been working very hard on it.

    Iv done it as you said, there seems to be no change on my computers, maybe the change will be able to be seen on your computer?

    Thanks again

  6. #6

    Default Re: Header slight over lap

    That did it for me! It looks fine now. Are you looking at it in different browsers and/or versions as well as different machines? That is probably the difference. I'm running IE7 and FF on a vista machine.

  7. #7
    Join Date
    Feb 2007
    Posts
    212
    Plugin Contributions
    0

    Default Re: Header slight over lap

    Iv checked it on Windows XP - Browser FF V 2 & IE 6

    Vista aswell, not sure about Browser.

    I am guessing it was the IE7 as i had the same feedack from another user who was on IE7.

    Well thanks anyway..i really appreciate it.

    Solving a problem when i cant see it...

    hehe

 

 

Similar Threads

  1. Screen banner over lap on website
    By Dashizna in forum General Questions
    Replies: 8
    Last Post: 5 Feb 2011, 08:16 PM
  2. text attribute titles lap over into 2 lines ?
    By monkey8 in forum Setting Up Categories, Products, Attributes
    Replies: 2
    Last Post: 10 Mar 2009, 12:51 PM
  3. Text/Link Over Header ...
    By Amber Rose in forum Templates, Stylesheets, Page Layout
    Replies: 4
    Last Post: 10 Jun 2008, 08:19 PM
  4. Sidebox over header
    By Digiteck in forum Templates, Stylesheets, Page Layout
    Replies: 0
    Last Post: 2 Apr 2008, 02:06 AM

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