Hello and welcome to our community! Is this your first visit?
Register
Enjoy an ad free experience by logging in. Not a member yet? Register.
Results 1 to 3 of 3
  1. #1
    Senior Coder
    Join Date
    Jun 2002
    Location
    near Oswestry
    Posts
    4,508
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Why is image ouverhanging its bounding box

    http://af.brothercake.com/_newsitems.html

    In gecko browsers the right image hangs out of the bottom of the bounding box. Any ideas what's going on with that?
    "Why bother with accessibility? ... Because deep down you know that the web is attractive to people who aren't exactly like you." - Joe Clark

  • #2
    Master Coder
    Join Date
    Feb 2003
    Location
    Umeå, Sweden
    Posts
    5,575
    Thanks
    0
    Thanked 83 Times in 74 Posts
    It's because floated elements are removed from the normal document flow (iow they push content but doesn't extend it's container). Try adding a block element with clear: both; after the image but inside the containing block element.

    Lovely content instead of that boring lorem text... ;-)
    liorean <[lio@wg]>
    Articles: RegEx evolt wsabstract , Named Arguments
    Useful Threads: JavaScript Docs & Refs, FAQ - HTML & CSS Docs, FAQ - XML Doc & Refs
    Moz: JavaScript DOM Interfaces MSDN: JScript DHTML KDE: KJS KHTML Opera: Standards

  • #3
    Senior Coder
    Join Date
    Jun 2002
    Location
    near Oswestry
    Posts
    4,508
    Thanks
    0
    Thanked 0 Times in 0 Posts
    Thanks. Not sure where I could add an element without changing the internal arrangement - the image is the first thing in the chunk of code, and only right aligned because of the float.

    But no worries - I put "min-height:img_height" and it did the trick

    ... it's much better filler text innit
    Last edited by brothercake; 03-25-2003 at 05:37 PM.
    "Why bother with accessibility? ... Because deep down you know that the web is attractive to people who aren't exactly like you." - Joe Clark


  •  

    Posting Permissions

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