Div widths in IE and FF 1

[audiopro]

Simple example of my problem is where I have a div with a background image and padding set to 5px.
As FF adds the padding size to the overall size of the div it displays ok in IE but FF repeats part of the image.
How do I handle the div height and width so that they display correctly in both FF and IE?


Keith

http://www.studiosoft.co.uk

 

[Vragabond]

You add a complete and valid doctype as the very first thing in your html file. This way IE (versions 6 and above) use the correct box model -- just like the one Firefox uses.

Valid doctypes can be found here:

http://www.w3.org/QA/2002/04/valid-dtd-list.html

___________________________________________________________
[small]Do something about world cancer today: Comprehensive cancer control information at PACT[/small]

 

[audiopro]

Thanks, I knew there had to be a simple solution. I had the doctype but I had added a place holder before it, in the form of a comment. I thought that the browser would ignore it but it appears not. I remember clearing up this issue before but I cannot find any of my relevant notes.

IE and FF apper to handle <p>....</p> constructs in a different way. IE inserts a larger horizontal space than FF. is there an accepted way to straighten this out?

Keith

http://www.studiosoft.co.uk

 

[audiopro]

Sorted it

p {
padding: 5px;
margin: 0;
}

Keith

http://www.studiosoft.co.uk

 

[Vragabond]

Default paddings and margins differ across the browser. The only way to do is to specify your own margins and padding. An easy way to avoid all the trouble is to put this at the top of the css stylesheet:

* {
  padding: 0;
  margin: 0;
}

As for the doctype. Comments should be ignored and all the browsers ignore it. Except for IE.

___________________________________________________________
[small]Do something about world cancer today: Comprehensive cancer control information at PACT[/small]

 

[audiopro]

Are there any other elements which render differently in the various browsers? I am thinking along the lines of set a default value for all elements at the start of a stylesheet to ensure a level playing field.

Keith

http://www.studiosoft.co.uk

 

[traingamer]

There are quite a few reset stylesheets out there. Try Eric Meyer's Resetting Again
or search for another one that meets your needs.

Greg
People demand freedom of speech as a compensation for the freedom of thought which they seldom use. Kierkegaard