Hahaha, clever. I think it's a better way than wrapping it in another div. Thanks!
On Dec 19, 5:26 pm, "graphic designer" <[email protected]> wrote: > Hello; > > You can try: > > #wrapper { > height: 145px; > background-color: red; > border: 40px solid red; > overflow: hidden; > } > > Hope it helps. > > Thanks; > Anuj. > > On Fri, Dec 19, 2008 at 4:56 PM, nachocab <[email protected]> wrote: > > > Hi, > > It seems that after applying overflow:hidden to a div, its contents > > respect the parent's padding except for the bottom-padding. Is there a > > way to overcome this? I can only think of wrapping the overflowing div > > inside another div, but it seems like a bad solution. > > > Here's the code: > > //CSS// > > #wrapper { > > height: 145px; > > background-color: red; > > padding: 40px; > > overflow: hidden; > > } > > > #phrases { > > background-color: lightblue; > > z-index: -10; > > } > > > <!--HTML--> > > <div id="wrapper"> > > <div id="phrases"> > > Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas > > auctor velit vel eros. Cras tellus arcu, pulvinar elementum, rutrum > > et, porta ultrices, est. Vestibulum libero ante, cursus eu, ultrices > > quis, cursus eget, mi. Nullam ac lorem. Aliquam suscipit turpis eget > > sapien. Mauris et justo. Mauris nec enim ac urna tempus ultricies. > > Suspendisse dignissim. Donec at turpis. Nullam dictum convallis eros. > > > Pellentesque molestie facilisis magna. Maecenas vel odio. Nullam eu > > ipsum. Ut in ante. Cras tellus. Cras nunc tortor, posuere eu, lacinia > > et, mollis in, purus. Morbi orci ligula, sodales vitae, faucibus > > tempus, tempor eget, purus. Nullam quam. Morbi venenatis, felis in > > tincidunt varius, metus turpis varius turpis, at volutpat arcu sapien > > vel leo. Aliquam porta vulputate diam. Aenean ante. Integer pede arcu, > > bibendum aliquet, rhoncus id, laoreet et, ante. Phasellus mattis. > > Proin vel quam. Vivamus mollis leo vel nibh auctor dignissim. Maecenas > > posuere metus id augue. Pellentesque aliquet quam et felis. Fusce > > hendrerit iaculis augue. Sed id lectus. Aliquam mi. > > > Morbi ornare pharetra felis. Cum sociis natoque penatibus et magnis > > dis parturient montes, nascetur ridiculus mus. Sed suscipit, purus non > > commodo accumsan, tellus leo vestibulum tortor, vitae consequat nisi > > felis sit amet quam. Fusce leo justo, laoreet at, venenatis in, > > euismod id, orci. Nunc risus leo, fringilla vel, iaculis sit amet, > > commodo et, elit. Phasellus a arcu. Morbi at est. Fusce imperdiet, sem > > nec feugiat gravida, odio orci mollis dolor, et aliquet tellus turpis > > ac leo. Integer elit. Pellentesque rutrum vestibulum libero. Phasellus > > sapien nunc, laoreet et, commodo non, volutpat condimentum, nisl. > > Aenean sodales nulla vitae lacus. Mauris faucibus, lectus nec > > fringilla facilisis, lacus justo rhoncus risus, eu porta nulla nisi > > sit amet pede. Sed accumsan mi sit amet orci. Maecenas ipsum leo, > > viverra ut, fringilla sed, venenatis eget, lectus. Class aptent taciti > > sociosqu ad litora torquent per conubia nostra, per inceptos > > himenaeos. Aliquam magna. Pellentesque iaculis egestas est. Integer > > posuere tristique augue. > > </div> > > </div> > > > Thanks, > > Nacho --~--~---------~--~----~------------~-------~--~----~ -- You received this because you are subscribed to the "Design the Web with CSS" at Google groups. To post: [email protected] To unsubscribe: [email protected] -~----------~----~----~----~------~----~------~--~---
