www.webdeveloper.com
Results 1 to 4 of 4

Thread: IMG overlaying DIV's problem

  1. #1
    Join Date
    Feb 2005
    Posts
    40

    IMG overlaying DIV's problem

    Hi Guys,

    I need a little help.

    Webpage
    CSS file

    The main logo at the top left... In FF it works perfectly, with the logo displaying over the top of the Header <DIV> above it, but in IE it is stuck within it's own <DIV>. How can I get it to work like the FF version?

    I've used a 'margin: -50px' to push it up to the top of the page. I thought about changing to a 'position: absolute' and specifying, but won't that mean that if the screen rez changes, it'll be stuck in the wrong place on the screen??

    Please help,

    Thanks,
    Chris L

  2. #2
    Join Date
    Apr 2003
    Location
    Netherlands
    Posts
    21,654
    Moving margin-top: -52px; to #sidebar and adding position:relative; will fix the problem.
    At least 98% of internet users' DNA is identical to that of chimpanzees

  3. #3
    Join Date
    May 2006
    Posts
    135
    you can also set a z-index. For example:

    topHeader {z-index: 1}
    mainLogo {z-index: 2}

  4. #4
    Join Date
    Feb 2005
    Posts
    40
    Fang: Spot on! Worked like a charm. Many thanks.

    Mark: I tried that and it made no difference whatsoever... Nevermind, it works now.

    Thanks,
    Chris.

Thread Information

Users Browsing this Thread

There are currently 1 users browsing this thread. (0 members and 1 guests)

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •  
HTML5 Development Center



Recent Articles