Liam Delahunty: Home Tips Web Contact
Recommended laptop
under £500
.

Think I deserve a present? See my Amazon Wish List

CSS - Border Background Bug


Top

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Duis eget felis. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Maecenas non arcu. Proin in libero. Etiam pharetra quam id turpis. Etiam hendrerit. Vestibulum pretium urna vitae quam. Duis interdum. Suspendisse nonummy lorem sollicitudin pede. Suspendisse ante velit, feugiat in, ullamcorper a, faucibus nec, diam. Nunc turpis orci, elementum sit amet, hendrerit ac, dignissim eget, augue. Proin fringilla viverra odio. Vivamus nulla felis, bibendum id, tempor eget, mollis vitae, turpis. Proin mattis. Nullam et odio.

Bottom

IE 6 showing border at bottom of div


 
Top

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Duis eget felis. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Maecenas non arcu. Proin in libero. Etiam pharetra quam id turpis. Etiam hendrerit. Vestibulum pretium urna vitae quam. Duis interdum. Suspendisse nonummy lorem sollicitudin pede. Suspendisse ante velit, feugiat in, ullamcorper a, faucibus nec, diam. Nunc turpis orci, elementum sit amet, hendrerit ac, dignissim eget, augue. Proin fringilla viverra odio. Vivamus nulla felis, bibendum id, tempor eget, mollis vitae, turpis. Proin mattis. Nullam et odio.

With the bottom image as a fixed background, the text now overflows


 
Top

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Duis eget felis. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Maecenas non arcu. Proin in libero. Etiam pharetra quam id turpis. Etiam hendrerit. Vestibulum pretium urna vitae quam. Duis interdum. Suspendisse nonummy lorem sollicitudin pede. Suspendisse ante velit, feugiat in, ullamcorper a, faucibus nec, diam. Nunc turpis orci, elementum sit amet, hendrerit ac, dignissim eget, augue. Proin fringilla viverra odio. Vivamus nulla felis, bibendum id, tempor eget, mollis vitae, turpis. Proin mattis. Nullam et odio.

Bottom

With the bottom image repeated, we see a very slight border in IE 6


 
Top

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Duis eget felis. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Maecenas non arcu. Proin in libero. Etiam pharetra quam id turpis. Etiam hendrerit. Vestibulum pretium urna vitae quam. Duis interdum. Suspendisse nonummy lorem sollicitudin pede. Suspendisse ante velit, feugiat in, ullamcorper a, faucibus nec, diam. Nunc turpis orci, elementum sit amet, hendrerit ac, dignissim eget, augue. Proin fringilla viverra odio. Vivamus nulla felis, bibendum id, tempor eget, mollis vitae, turpis. Proin mattis. Nullam et odio.

 

Replace bottom image with empty div, and IE 6 displays properly.

Share this!  



Contacts | Css Border Background Bug | Css Class Float


 

  Tips | Home | Search | Contact

Link here: