Firefox Padding

JamesU2005 · 5 Nov 2006 at 18:48

I have been trying to add some padding to a Div sidebar but there is a problem with the appearance in Firefox.

When I add padding to the Div when viewed in Firefox it not only moves down the required pixels (as wanted) but it also moves to the left a little and thus outside of the Div sidebar, overlapping its border (not wanted).

I would rather not post my code on here and I know it's a long shot in doing so but any ideas what could be triggering movement horizontally?

JamesU2005 · 5 Nov 2006 at 18:57

Here is the code for that section:

#sidebarright{
padding:5px;
float: right;
width:150px;
background-color: #12018E;}

If I remove the padding Firefox displays it within the bar.

JamesU2005 · 5 Nov 2006 at 19:03

Thanks works a charm!

Something so simple.

JamesU2005 · 5 Nov 2006 at 19:12

Regarding the padding:5px 0 0 0;, can I add a further padding to the left, so the text comes inside a bit more?

JamesU2005 · 5 Nov 2006 at 19:30

Doesn't work, what happens is that the wording stays in the same place but it appears if it overlaps the border.

Example when padding to left added - 5px 0 0 5px;

Example when padding - 5px 0 0 0;

JamesU2005 · 5 Nov 2006 at 21:08

What would I set this to?

JamesU2005 · 5 Nov 2006 at 22:29

Makes no difference, when I remove the float: right; the position is obviously wrong by the padding:5px 0 0 5px; works.

What could do the problem with the float?

JamesU2005 · 6 Nov 2006 at 10:56

Worked a charm.

Where would I be without you lot?!?

Thanks to all that took the time to reply.