#1
  1. No Profile Picture
    Registered User
    Devshed Newbie (0 - 499 posts)

    Join Date
    Mar 2005
    Posts
    2
    Rep Power
    0

    Issue with safari for #header


    Hi,

    www.personaldevelopment.ca looks great in firefox and IE, but in konqeror/safari (i test in konq because it uses the same html rendering engine) the top left is stretched a tad further than it should. Anyone have any suggestions to fix this? I am out of ideas.


    http://www.uberwald.com/images/pdtop.jpg (Thanks zAlanm)

    Thanks.

    tdela
  2. #2
  3. Contributing User
    Devshed Newbie (0 - 499 posts)

    Join Date
    May 2004
    Location
    Bristol - UK
    Posts
    257
    Rep Power
    30
    Change these two styles to this:

    #header {
    background: url(http://www.personaldevelopment.ca/images/header.jpg) 0 0 no-repeat;
    height: 201px;
    width: 730px;
    margin-left: 11px;
    position: relative;
    }
    #header #navigation {
    height: 191px;
    position: absolute;
    top: 0;
    left: -11px;
    width: 310px;
    }
  4. #3
  5. No Profile Picture
    Registered User
    Devshed Newbie (0 - 499 posts)

    Join Date
    Mar 2005
    Posts
    2
    Rep Power
    0
    holy ****1 it worked. thanks alot, Now i see where i went wrong there!

    i owe ya one.

    Trevor

    www.e-velocity.org
  6. #4
  7. Contributing User
    Devshed Newbie (0 - 499 posts)

    Join Date
    May 2004
    Location
    Bristol - UK
    Posts
    257
    Rep Power
    30
    Glad I could help! Cheers J

IMN logo majestic logo threadwatch logo seochat tools logo