472,145 Members | 1,612 Online
Bytes | Software Development & Data Engineering Community
Post +

Home Posts Topics Members FAQ

Join Bytes to post your question to a community of 472,145 software developers and data experts.

div block size different in IE Firefox ?!?

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

Jan 29 '06 #1
6 10778
Once upon a time *Gian* wrote:
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...


"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/
Jan 29 '06 #2
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

Jan 29 '06 #3
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/
--
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
Jan 29 '06 #4
I'm really sorry, but didn't you -we- write the very same declaration
?!

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

Jan 29 '06 #6
Once upon a time *Gian* wrote:
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.

--
/Arne

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

This discussion thread is closed

Replies have been disabled for this discussion.

Similar topics

1 post views Thread by Saleh, Amgad H | last post: by
4 posts views Thread by zhimin | last post: by
14 posts views Thread by googler | last post: by
1 post views Thread by ridd77 | last post: by
reply views Thread by Saiars | last post: by
reply views Thread by leo001 | last post: by

By using Bytes.com and it's services, you agree to our Privacy Policy and Terms of Use.

To disable or enable advertisements and analytics tracking please visit the manage ads & tracking page.