Sun, 2007-06-03 00:40
I can't seem to get rid of this strange space that occurs between my content div and footer div in firefox. The layout displays perfectly in IE7, but this space in firefox has been driving me crazy! Any help is really appreciated. Here's the code:
Death By Spoon
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Mauris vel magna. Mauris risus nunc, tristique varius, gravida in, lacinia vel, elit. Nam ornare, felis non faucibus molestie, nulla augue adipiscing mauris, a nonummy diam ligula ut risus. Praesent varius. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus.
Phasellus id nisi in massa tincidunt placerat. Cras sem libero, vestibulum nec, luctus nec, fermentum nec, urna. Mauris accumsan feugiat odio. Etiam porttitor auctor eros. Duis accumsan, ante sit amet lacinia hendrerit, diam est pharetra dui, et condimentum odio libero quis risus. Maecenas vitae odio sit amet sem ullamcorper pulvinar. Vivamus eu diam quis dolor fermentum vestibulum. Etiam blandit urna vel tellus elementum tincidunt. Aliquam ullamcorper semper velit. Ut molestie. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos hymenaeos. Etiam ac orci. Nunc pulvinar tempor velit. Aenean et justo. Nullam eu diam id orci faucibus bibendum. Suspendisse potenti.
Vivamus leo velit, interdum ac, commodo quis, porta et, dui. Nam mi sapien, mollis quis, blandit vitae, tincidunt et, purus. Sed ornare volutpat lectus. Donec et sapien. Suspendisse potenti. Nulla facilisi. Proin risus. Morbi dui leo, gravida at, eleifend ut, rhoncus et, pede. Nulla mi. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Proin est metus, tristique sit amet, elementum non, nonummy id, erat. Pellentesque magna elit, mollis ut, eleifend id, nonummy sit amet, augue. Cras imperdiet, orci scelerisque tempus vulputate, justo elit euismod nibh, et eleifend massa ipsum id massa. Sed lacinia massa. Nunc tempor pretium odio. Fusce est neque, tempus non, auctor in, mattis nec, tellus. Nullam ultricies.
Sun, 2007-06-03 05:52
#1
That's due to margin collapse
That's due to margin collapse. Firefox and other modern browsers do it correctly; IE, not so well. See Meyer, Uncollapsing Margins.
Give #footer p {margin: 0;}, or #footer {padding: 1px 0;}.
cheers,
gary
Sun, 2007-06-03 12:23
#2
I tried all the ways to
I tried all the ways to uncollapse margins, the space is still occuring.
Sun, 2007-06-03 12:31
#3
text-align: left; /* this
:?
text-align: left; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
Does it!
try what Gary suggested but on the last 'p' in maincontent.
Sun, 2007-06-03 21:09
#4
Two sources of margins to
Two sources of margins to collapse. Shoulda looked more carefully.
cheers,
gary
Sun, 2007-06-03 22:01
#5
IT WORKED! Thanks so much
IT WORKED! Thanks so much guys...