www.webdeveloper.com
Results 1 to 4 of 4

Thread: Image Offset and Border/Background-Image Questions

  1. #1
    Join Date
    Dec 2002
    Location
    Manhattan, KS
    Posts
    133

    Image Offset and Border/Background-Image Questions

    I have two questions, they will both be referencing IE 5.01 SP2 and this link will be able to provide examples of the problems ( to see the correct behavior look in any other current browser) : http://www.the17thdegree.com/BottgersMarine/index.html

    1) Image Offset
    The top image, the one that says "Bottger's Marine" and has their logo, is offset way right in this browser. Ideas of how to fix that?

    2) There is a div that holds the <h4> enclosed text "...Family Owned for over 46 years!". It should have a 1px solid black bottom border on it. It isn't there. Should I just get rid of the div encapsulating the h4 and just use it? Because the 1px border isn't there, I think it is offsetting a background image I have that I need to have perfectly aligned. It's part of that top-left black curve. Any ides/comments are greatly apprecaited.

    - James

  2. #2
    Join Date
    Apr 2003
    Location
    Netherlands
    Posts
    21,654
    I couldn't see the problem in IE5 xp.
    A few not validating errors:
    no closing on empty tags; meta, img and br.
    <body class="thisIsNotUsed">

  3. #3
    Join Date
    Dec 2002
    Location
    Manhattan, KS
    Posts
    133
    Ok, I did not notice the missing 'c' in the "class" but that is easily fixed and won't change anything in terms of my problem.

    what do you mean by:
    -quote-
    A few not validating errors:
    no closing on empty tags; meta, img and br.
    -end quote-

    I will get a screen shot up of my problem tomorrow.

  4. #4
    Join Date
    Feb 2003
    Location
    Michigan, USA
    Posts
    5,755
    I've attached the CSS file with the fixes. It was pretty easy. I just floated the logo image to the left and it fixed that problem. The bottom border appeared once I added position: relative; to the "belowHeader" DIV.

    I noticed the the BG image in the main content area doesn't show up, but then I figured out that it was a PNG with alpha transparency (which IE doesn't support )
    Attached Files Attached Files

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