Firefox Knowledge Pls!!!!

**DaveFromScratch** · Jan 9, 2006, 15:38

ok i was wondering if anyone had knowledge about firefox and widths.

Ive been floating a box left and one right and say they are both 150px each and the outer box is 310 that means there should be a 10px gap in the middle.

Simple maths..

But firefox disagrees?
all my floats in i.e have the 10px middles (which i have measured in photoshop) whilst the firefox ones tend to differ?

Does anyone know a way to avoid/correct this? Or suggestions to try?

**BonRouge** · Jan 9, 2006, 15:47

I'm guessing you have padding on those floats. You need to subtract the padding from the widths.

width:140px + padding:10px = a real width of 150px.

If IE is behaving differently, you probably don't have a complete DTD.

**DaveFromScratch** · Jan 9, 2006, 15:54

DTD whats that mean?

i thought subtraction was only needed for margins as padding is internal?

**DaveFromScratch** · Jan 9, 2006, 15:56

are we talking doc type here?

**BonRouge** · Jan 9, 2006, 16:05

i thought subtraction was only needed for margins as padding is internal?

Erm... no.

You need this on the first line:

Code:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">

**jthale** · Jan 9, 2006, 16:06

According the box model padding and borders are added on top of what you specify the width as. So:

width: 150px;
padding: 10px;
border: 1px solid #000;

Gives you a box that is 172px (150 + 10 + 10 + 1 + 1)

**DaveFromScratch** · Jan 9, 2006, 16:06

nice one ill look into it tomorrow and get back to you on the results cheers for now! you learn something everyday! cheers guys

The SitePoint Forums have moved.

User Tag List

Thread: Firefox Knowledge Pls!!!!

Thread Tools

Display

Firefox Knowledge Pls!!!!

Bookmarks

Bookmarks

Posting Permissions