div block size different in IE Firefox ?!?

Thread view:

Enable EMail Alerts

Start New Thread

Thread rating:

Gian - 29 Jan 2006 17:28 GMT

Hi,

I'm trying to use DIV instead of tables for positioning objects on the
page.
It was great till I realized that IE sizes DIVs differently from
Firefox.
Please see example at:
http://www.polidora.com/test.html

The sidebar should be 200px wide, but Firefox is making that larger.

What am I missing ?
I'm going crazy...

thanks for your time,
-GianLuca

Reply to this Message

Arne - 29 Jan 2006 17:40 GMT

> Hi,
>
[quoted text clipped - 9 lines]
> What am I missing ?
> I'm going crazy...

"The requested URL /test.html was not found on this server."

Do you have a full Doctype declaration on top of the page source?

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

With a missing doctype IE render the page in Quirks Mode. And among
other effects, that gives the result for width that you describe.

Signature

/Arne

Now ignoring all Google Groups posters who don't quote
* From Google: http://www.safalra.com/special/googlegroupsreply/

Reply to this Message

Gian - 29 Jan 2006 17:47 GMT

Arne,
thanks for your kind reply.
I posted the example just a couple of minutes after my post.
You should see it know, and yes, there is a full Doctype declaration.
The different div size is very apparent.
The image is 600px, and the DIV should be 200px.
-Gian

Reply to this Message

Knud Gert Ellentoft - 29 Jan 2006 18:00 GMT

Gian skrev:

>You should see it know, and yes, there is a full Doctype declaration.

No, there are not.

You have
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
IE will go in quirk mode with this.

Use
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
or the one, that Arne had in his answer.

http://www.alistapart.com/articles/doctype/

Signature

Topposter du svar, dvs. skriver dit svar over det citerede,
så ryger du på min ignoreringsliste.
Svar under det du citerer og citer kun det du svarer på - tak.
http://usenet.dk/netikette/citatteknik.html

Reply to this Message

Gian - 29 Jan 2006 18:11 GMT

I'm really sorry, but didn't you -we- write the very same declaration
?!

Reply to this Message

Gian - 29 Jan 2006 18:18 GMT

Ok. Arne was right, and *his* declaration does produce the same output
on IE/FF.
Thanks.
Thanks you both for your kind help.
-Gian

Reply to this Message

Arne - 29 Jan 2006 18:24 GMT

> Arne,
> thanks for your kind reply.
> I posted the example just a couple of minutes after my post.
> You should see it know, and yes, there is a full Doctype declaration.
> The different div size is very apparent.
> The image is 600px, and the DIV should be 200px.

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">

That's what you have, but that's not a *full* doctype since the link to
the *.dtd file is missing.

BTW, please notice the link in my sig about quoting the post's you
respond to.

As many others, I normaly ignore posters who don't quote (or top post),
so this is an exeption in case you are new on usenet and I like to give
newbies a fair chance. Posting proberly according to usenet standards,
will give you more responses in the future.

Signature

/Arne

Now ignoring all Google Groups posters who don't quote
* From Google: http://www.safalra.com/special/googlegroupsreply/

Reply to this Message

Webmaster Forum / HTML, CSS, Scripts / CSS / January 2006

div block size different in IE Firefox ?!?