Previous Message
Next Message

Mozilla FireFox / Opera div margin troubles

Sent by Nick Fitzsimons on 26 May 2004 18:06


On 26/5/04 5:07 pm, "Michael Goddard" [EMAIL-REMOVED]> wrote:

> Hi,
> 
> I am experiencing this problem with FireFox v0.8 and in Opera 7 for the PC.
> If you go to http://www.cincinnati-test.com/gamma_site/template.php  You
> will see that I am starting a very simple header, navbar and 2 column page
> layout using divs.  The only positioning that I have done so far is floating
> the left bar.
> 
> I specified for the margin for the header, navbar and bodycontainer divs to
> be 0, thus stacking the divs up nicely.  However if you view the page in
> FireFox v0.8, there are huge gaps from the top and bottom of the header div
> , navbar div and the bodycontainer div.  I am assuming that this is a margin
> problem? 
> 

A quick check using the CSS Edit plugin shows that adding

p {
   margin: 0;
}

fixes the problem.

FWIW, the same problem (but not in all the same places)  was apparent in
Safari 1.2, Opera 7.5, IE 5 and Firefox, and the same fix works for all of
them. Oh, they're all Mac versions - my PC is out to lunch, so can't check
on there.

HTH,

Nick Fitzsimons
-- 
Nick Fitzsimons
[EMAIL-REMOVED]

______________________________________________________________________
css-discuss [EMAIL-REMOVED]]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Previous Message
Next Message

Message thread: