SitePoint Sponsor

User Tag List

Results 1 to 4 of 4
  1. #1
    SitePoint Evangelist mumford1's Avatar
    Join Date
    Sep 2002
    Location
    UK
    Posts
    571
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)

    Borders not Displaying, cant work out why

    Hi

    I am in the process of coding this site www.boostnowbreaks.co.uk/test/test.htm

    If you view it in IE the right border initially displays but if roll over the box links under contact us the border dissapears.

    In Firefox the borders dont display at all.

    Anyone work out what I am doing wrong?

    Thanks for your help

  2. #2
    SitePoint Evangelist mumford1's Avatar
    Join Date
    Sep 2002
    Location
    UK
    Posts
    571
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Okay, the borders are now showing but the cog image in IE, does not overlap the header as it should, take a look in firefox to see what I mean.

    Any ideas how I can get the same effect in IE?

  3. #3
    SitePoint Evangelist mumford1's Avatar
    Join Date
    Sep 2002
    Location
    UK
    Posts
    571
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    After some experimenting I now have the cogs image showing within IE, I had to put a overflow:hidden; on the wrapper div too sort out Firefox.

    But everytime I put overflow:hidden; on any div the content never displays within netscape 6.2.

    Would someone mind taking a look at the link I have given in netscape and opera and give me some insight in to why they are not displaying as they should (ie Fireofx and IE)

    Any responses welcome!

  4. #4
    SitePoint Wizard bronze trophy Tyssen's Avatar
    Join Date
    Oct 2005
    Location
    Brisbane, QLD
    Posts
    4,067
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    I wouldn't do it the way you've done it. Don't put the cogs image as the background of the wrapper. Put the wavy lines part behind the cogs as the background image of your right column and then make the cogs image a transparent background .gif or .png and then place the image in your HTML and position it absolutely where you want it giving it a z-index to place it above the other elements.


Bookmarks

Posting Permissions

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