sign in | join about | help | sitemap
Connecting Tech Pros Worldwide
Membership is free - Join the Bytes Network
Bytes > Archives > CSS
Gian's Avatar

div block size different in IE Firefox ?!?


Question posted by: Gian (Guest) on January 29th, 2006 05: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

6 Answers Posted
Arne's Avatar
Guest - n/a Posts
#2: Re: div block size different in IE Firefox ?!?

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/
Gian's Avatar
Guest - n/a Posts
#3: Re: div block size different in IE Firefox ?!?

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

Knud Gert Ellentoft's Avatar
Knud Gert Ellentoft January 29th, 2006 06:15 PM
Guest - n/a Posts
#4: Re: div block size different in IE Firefox ?!?

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
Gian's Avatar
Guest - n/a Posts
#5: Re: div block size different in IE Firefox ?!?

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

Gian's Avatar
Guest - n/a Posts
#6: Re: div block size different in IE Firefox ?!?

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

Arne's Avatar
Guest - n/a Posts
#7: Re: div block size different in IE Firefox ?!?

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/
 
Not the answer you were looking for? Post your question . . .
196,952 members ready to help you find a solution.
Join Bytes.com

What is Bytes?

We are a network of experts and professionals in IT and software development that help one another with answers to tough questions and share insights. Get the best answers to your questions from over 196,952 network members.
Post your question now . . .
It's fast and it's free

Popular Articles

Top Community Contributors
Quick Browse:
Communities / Archives
XML / CSS | HTML | Javascript | PHP | Perl | Visual Basic | Python | C++ / C | Java | .NET / C# / VB / XML / ASP.net | ASP
PostgreSQL | MS SQL | Oracle | IBM DB2 | MS Access | MySQL

About Bytes | Sitemap | Privacy Policy | Terms of Use
Copyright 1995-2008 Bytes.com. All rights Reserved