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

User Tag List

Thread: Firefox Knowledge Pls!!!!

Thread Tools

Display

Firefox Knowledge Pls!!!!

Bookmarks

Bookmarks

Posting Permissions