SitePoint Sponsor

User Tag List

Results 1 to 6 of 6

Thread: Image Problem

  1. #1
    SitePoint Wizard rbutler's Avatar
    Join Date
    Jul 2003
    Location
    Springfield, MO
    Posts
    1,867
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)

    Image Problem

    I have a Template going in DWMX and for the life of me I can't figure out a way in IE6 to get my border to show at the bottom (the image "H" throws it off in IE), if you view this same page in Netscape 7.0 or Mozilla .8, the border shows the way I wish it too.

    http://dev.ninetydegreeslant.com
    Ryan Butler

    Midwest Web Design

  2. #2
    The CSS Clinic is open silver trophybronze trophy
    Paul O'B's Avatar
    Join Date
    Jan 2003
    Location
    Hampshire UK
    Posts
    39,777
    Mentioned
    158 Post(s)
    Tagged
    3 Thread(s)
    Hi,

    Just add position:relative to your image.
    Code:
    <div id="main"> 
      <p align="center">Quote on Quote</p>
      <p>&nbsp;</p>
      <p>&nbsp;</p>
      <p align="center"><img style="position:relative" src="http://dev.ninetydegreeslant.com/headline_images/h.gif" width="100" height="100"></p>
      <p></p>
    I've just put it inline to show you but you should put the reference in your stylesheet as usual.

    IE likes images and floats of positioned elements to have a position defined also otherwise it gets confused.

    Paul

  3. #3
    SitePoint Wizard rbutler's Avatar
    Join Date
    Jul 2003
    Location
    Springfield, MO
    Posts
    1,867
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Let me ask another question then. Why if you draw a layer in DW and do the exact same thing in regards to the above code, does Netscape and Mozilla then mess up, i.e, not showing the border at the end? Why relative and not absolute? Just curious is all. I wish I knew of these nit knack things with CSS

    What you said worked liked a charm, thanks.
    Ryan Butler

    Midwest Web Design

  4. #4
    The CSS Clinic is open silver trophybronze trophy
    Paul O'B's Avatar
    Join Date
    Jan 2003
    Location
    Hampshire UK
    Posts
    39,777
    Mentioned
    158 Post(s)
    Tagged
    3 Thread(s)
    Why if you draw a layer in DW and do the exact same thing in regards to the above code, does Netscape and Mozilla then mess up, i.e, not showing the border at the end
    You'd need to show me an example of code before I can say what's happening -its probably something simple. (Avoid the layer tool in DW like the plague - its worse than tables.)

    Why relative and not absolute
    If you use absolute then the element is removed from the flow and takes up no space. Relative (when used without co-ordinates) just provides a stacking context.

    What you said worked liked a charm, thanks.
    Of course it did - I'm good at this

  5. #5
    SitePoint Wizard rbutler's Avatar
    Join Date
    Jul 2003
    Location
    Springfield, MO
    Posts
    1,867
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Well I can't replicate the problem. It's probably just something I'm over looking. I created a dummy file with the exact same contents and styles and Mozilla and Netscape displayed it fine so I'm thining operator error :-), I'll see if I can't diagnose it, if not, not a big deal.
    Ryan Butler

    Midwest Web Design

  6. #6
    The CSS Clinic is open silver trophybronze trophy
    Paul O'B's Avatar
    Join Date
    Jan 2003
    Location
    Hampshire UK
    Posts
    39,777
    Mentioned
    158 Post(s)
    Tagged
    3 Thread(s)
    I'll see if I can't diagnose it, if not, not a big deal.
    OK - no problem


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
  •