div block size different in IE Firefox ?!?

#1 January 29th, 2006, 04:35 PM

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

#2 January 29th, 2006, 04:55 PM

Once upon a time *Gian* wrote:
[color=blue]
> 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...[/color]

"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.

--
/Arne

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

#3 January 29th, 2006, 04:55 PM

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

#4 January 29th, 2006, 05:15 PM

Gian skrev:
[color=blue]
>You should see it know, and yes, there is a full Doctype declaration.[/color]

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/
--
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

#5 January 29th, 2006, 05:25 PM

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

#6 January 29th, 2006, 05:25 PM

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

#7 January 29th, 2006, 05:35 PM

Once upon a time *Gian* wrote:
[color=blue]
> 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.[/color]

<!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.

--
/Arne

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

div block size different in IE Firefox ?!?

Popular Articles

What is Bytes?