Topic: ie isn't playing fair. $Pages that link to <a href="https://ozoneasylum.com/backlink?for=27985" title="Pages that link to Topic: ie isn&#039;t playing fair." rel="nofollow" >Topic: ie isn't playing fair.\$

Author	Thread
m33m Nervous Wreck (II) Inmate From: Philthadelphia Insane since: Mar 2001	posted 05-24-2006 15:15 having problems with my css. it works fine in IE (thats what i used when building it) but it breaks in firefox because of positioning problems.... does firefox use the same measurements for px? i tried using percentages too and it still messes up. any suggestions? http://pachi.munindesign.com/new/pachi.html
Blaise Paranoid (IV) Inmate From: London Insane since: Jun 2003	posted 05-24-2006 16:03 IE and Firefox DO use the same measurements for px, a pixel is a pixel afterall, however as you've not declared a DOCTYPE in your HTML IE and Firefox aren't using the same box model (IE uses an incorrect one as stated per the W3C recommendations). I would start by inserting this... code: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> At the beginning of every HTML page for your site, make sure it's teh very first line in your HTML. for more information you may find A List Apart's article on choosing the right DOCTYPE handy. NOTE that when you specify the DOCTYPE you'll probably find that IE6 will display much like firefox has, so a little bit of CSS manipulation will be necessary, but at least you'll get similar results across browsers. Hope this helps. Cheers, (Edited by Blaise on 05-24-2006 16:03)
m33m Nervous Wreck (II) Inmate From: Philthadelphia Insane since: Mar 2001	posted 05-24-2006 16:55 I'll try this out... thanks alot.
m33m Nervous Wreck (II) Inmate From: Philthadelphia Insane since: Mar 2001	posted 05-24-2006 17:41 can anyone see if this breaks in firefox? im at work and only have access to ie6....
DL-44 Lunatic (VI) Inmate From: under the bed Insane since: Feb 2000	posted 05-24-2006 17:53 It appears to be fine in Firefox. You do have some validation errors, though - 2 of which are fairly important ones: http://validator.w3.org/check?verbose=1&uri=http%3A%2F%2Fpachi.munindesign.com%2Fnew%2Fpachi.html It's also important to note that using something like the '<div id="whitespace">' you have there is very bad practice. Use your CSS on the existing elements to acheive this instead of cluttering up your markup.
m33m Nervous Wreck (II) Inmate From: Philthadelphia Insane since: Mar 2001	posted 05-24-2006 17:56 thanks for your wisdom :3 could you clarify what you mean by using the existing css to achieve the same effect? [edit] i am now having problems with the meta tag to set the encoding <meta http-equiv=Content-Type content="text/html; charset=ISO-8859-1"> it looks to be placed correctly.... (Edited by m33m on 05-24-2006 18:06) (Edited by m33m on 05-24-2006 19:44)
m33m Nervous Wreck (II) Inmate From: Philthadelphia Insane since: Mar 2001	posted 05-24-2006 21:26 nevermind about the encoding... just added to my .htaccess instead. :3 [edit] changed layout a bit... http://pachi.munindesign.com (Edited by m33m on 05-24-2006 22:16)
DL-44 Lunatic (VI) Inmate From: under the bed Insane since: Feb 2000	posted 05-24-2006 22:37 quote: m33m said: could you clarify what you mean by using the existing css to achieve the same effect? You have a <div> who's sole purpose appears to be to add space between 2 elements. That's what CSS is for - add margins to the elements that need to be seperated, and get that extra <div> out of there.
m33m Nervous Wreck (II) Inmate From: Philthadelphia Insane since: Mar 2001	posted 05-24-2006 22:49 thanks
Blaise Paranoid (IV) Inmate From: London Insane since: Jun 2003	posted 05-25-2006 11:18 The reason why your meta tag was causing validation errors was because it wasn't closed correctly according to XHTML specifications. Read up on them at the w3schools Note that ALL XHTML elements must be closed. so your meta tag should now look like this... code: <meta http-equiv=Content-Type content="text/html; charset=ISO-8859-1" /> Note the '/>' at the end instead of just the '>' I checked your site again, and you've moved the DOCTYPE down a line under an XML declaration, doing this will cause the same problems you had before with IE ignoring the correct box model.
southernlady Obsessive-Compulsive (I) Inmate From: Insane since: May 2006	posted 05-25-2006 18:10 First off, IE wasn't meant to use css. quote: it works fine in IE (thats what i used when building it) . That's why I code everything in FF and then check it in IE and Opera. http://www.thecodebehind.com/articles/web/standards/myths-about-web-standards-and-valid-code.aspx http://www.thinkvitamin.com/features/design/the-battle-for-web-standards http://www.w3.org/People/mimasa/test/xhtml/media-types/results Now, with that said, I am still being drug, kicking and screaming into css myself. I handcode and started with html, using the copy and paste method and it's been HARD to get my head around css. Liz Southernlady's Ramblings My blog Southerngazebo.com (Edited by southernlady on 05-25-2006 18:10)
m33m Nervous Wreck (II) Inmate From: Philthadelphia Insane since: Mar 2001	posted 05-25-2006 19:16 IE is the only browser available to me at work >.>
m33m Nervous Wreck (II) Inmate From: Philthadelphia Insane since: Mar 2001	posted 05-26-2006 15:12 I didnt know it was possible to love and hate css at the same time :-/
DL-44 Lunatic (VI) Inmate From: under the bed Insane since: Feb 2000	posted 05-26-2006 16:01 quote: southernlady said: First off, IE wasn't meant to use css. I'm afraid I don't follow you there. quote: southernlady said: Now, with that said, I am still being drug, kicking and screaming into css myself. Better just dive right on in If you plan to design websites, you'll be lost otherwise.
m33m Nervous Wreck (II) Inmate From: Philthadelphia Insane since: Mar 2001	posted 05-26-2006 17:06 uhm... i decided on another design and was wondering how I could get the border thats suppose to be on the right side... to be on the right side :P. Its currently on the bottom right. I know i could just absolut position it but I was wondering how to do it another way. thanks in advance. http://pachi.munindesign.com/index2.html (Edited by m33m on 05-26-2006 17:07)

Topic: ie isn't playing fair.\$

Author

Thread

m33m
Nervous Wreck (II) Inmate

From: Philthadelphia
Insane since: Mar 2001

posted 05-24-2006 15:15

having problems with my css.

it works fine in IE (thats what i used when building it)

but it breaks in firefox because of positioning problems....

does firefox use the same measurements for px? i tried using percentages too and it still messes up.

any suggestions?

http://pachi.munindesign.com/new/pachi.html

Blaise
Paranoid (IV) Inmate

From: London
Insane since: Jun 2003

posted 05-24-2006 16:03

IE and Firefox DO use the same measurements for px, a pixel is a pixel afterall, however as you've not declared a DOCTYPE in your HTML IE and Firefox aren't using the same box model (IE uses an incorrect one as stated per the W3C recommendations).

I would start by inserting this...

code:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

At the beginning of every HTML page for your site, make sure it's teh very first line in your HTML. for more information you may find A List Apart's article on choosing the right DOCTYPE handy.

NOTE that when you specify the DOCTYPE you'll probably find that IE6 will display much like firefox has, so a little bit of CSS manipulation will be necessary, but at least you'll get similar results across browsers.

Hope this helps.

Cheers,

(Edited by Blaise on 05-24-2006 16:03)

m33m
Nervous Wreck (II) Inmate

From: Philthadelphia
Insane since: Mar 2001

posted 05-24-2006 16:55

I'll try this out... thanks alot.

m33m
Nervous Wreck (II) Inmate

From: Philthadelphia
Insane since: Mar 2001

posted 05-24-2006 17:41

can anyone see if this breaks in firefox? im at work and only have access to ie6....

DL-44
Lunatic (VI) Inmate

From: under the bed
Insane since: Feb 2000

posted 05-24-2006 17:53

It appears to be fine in Firefox.

You do have some validation errors, though - 2 of which are fairly important ones:

http://validator.w3.org/check?verbose=1&uri=http%3A%2F%2Fpachi.munindesign.com%2Fnew%2Fpachi.html

It's also important to note that using something like the '<div id="whitespace">' you have there is very bad practice. Use your CSS on the existing elements to acheive this instead of cluttering up your markup.

m33m
Nervous Wreck (II) Inmate

From: Philthadelphia
Insane since: Mar 2001

posted 05-24-2006 17:56

thanks for your wisdom :3

could you clarify what you mean by using the existing css to achieve the same effect?

[edit] i am now having problems with the meta tag to set the encoding

<meta http-equiv=Content-Type content="text/html; charset=ISO-8859-1">
it looks to be placed correctly....

(Edited by m33m on 05-24-2006 18:06)

(Edited by m33m on 05-24-2006 19:44)

m33m
Nervous Wreck (II) Inmate

From: Philthadelphia
Insane since: Mar 2001

posted 05-24-2006 21:26

nevermind about the encoding... just added to my .htaccess instead. :3

[edit]

changed layout a bit...

http://pachi.munindesign.com

(Edited by m33m on 05-24-2006 22:16)

DL-44
Lunatic (VI) Inmate

From: under the bed
Insane since: Feb 2000

posted 05-24-2006 22:37

quote:

m33m said:

could you clarify what you mean by using the existing css to achieve the same effect?

You have a <div> who's sole purpose appears to be to add space between 2 elements.

That's what CSS is for - add margins to the elements that need to be seperated, and get that extra <div> out of there.

m33m
Nervous Wreck (II) Inmate

From: Philthadelphia
Insane since: Mar 2001

posted 05-24-2006 22:49

thanks

Blaise
Paranoid (IV) Inmate

From: London
Insane since: Jun 2003

posted 05-25-2006 11:18

The reason why your meta tag was causing validation errors was because it wasn't closed correctly according to XHTML specifications.

Read up on them at the w3schools Note that ALL XHTML elements must be closed. so your meta tag should now look like this...

code:

<meta http-equiv=Content-Type content="text/html; charset=ISO-8859-1" />

Note the '/>' at the end instead of just the '>'

I checked your site again, and you've moved the DOCTYPE down a line under an XML declaration, doing this will cause the same problems you had before with IE ignoring the correct box model.

southernlady
Obsessive-Compulsive (I) Inmate

From:
Insane since: May 2006

posted 05-25-2006 18:10

First off, IE wasn't meant to use css.

quote:
it works fine in IE (thats what i used when building it)

.
That's why I code everything in FF and then check it in IE and Opera.
http://www.thecodebehind.com/articles/web/standards/myths-about-web-standards-and-valid-code.aspx

http://www.thinkvitamin.com/features/design/the-battle-for-web-standards

http://www.w3.org/People/mimasa/test/xhtml/media-types/results

Now, with that said, I am still being drug, kicking and screaming into css myself. I handcode and started with html, using the copy and paste method and it's been HARD to get my head around css. Liz

Southernlady's Ramblings My blog
Southerngazebo.com

(Edited by southernlady on 05-25-2006 18:10)

m33m
Nervous Wreck (II) Inmate

From: Philthadelphia
Insane since: Mar 2001

posted 05-25-2006 19:16

IE is the only browser available to me at work >.>

m33m
Nervous Wreck (II) Inmate

From: Philthadelphia
Insane since: Mar 2001

posted 05-26-2006 15:12

I didnt know it was possible to love and hate css at the same time :-/

DL-44
Lunatic (VI) Inmate

From: under the bed
Insane since: Feb 2000

posted 05-26-2006 16:01

quote:

southernlady said:

First off, IE wasn't meant to use css.

I'm afraid I don't follow you there.

quote:

southernlady said:

Now, with that said, I am still being drug, kicking and screaming into css myself.

Better just dive right on in
If you plan to design websites, you'll be lost otherwise.

m33m
Nervous Wreck (II) Inmate

From: Philthadelphia
Insane since: Mar 2001

posted 05-26-2006 17:06

uhm... i decided on another design and was wondering how I could get the border thats suppose to be on the right side... to be on the right side :P. Its currently on the bottom right. I know i could just absolut position it but I was wondering how to do it another way. thanks in advance.

http://pachi.munindesign.com/index2.html

(Edited by m33m on 05-26-2006 17:07)

Post Reply

Your User Name:
Your Password:
Login Options:	Remember Me On This Computer

Your Text: Insert Slimies » Insert UBB Code » Close Last Tag \| All Tags UBB Help	Loading...
Options:	Show Signature Enable Slimies Enable Linkwords

Topic: ie isn't playing fair.

Insert Slimies »

Insert UBB Code »

Topic: ie isn't playing fair. $Pages that link to <a href="https://ozoneasylum.com/backlink?for=27985" title="Pages that link to Topic: ie isn't playing fair." rel="nofollow" >Topic: ie isn't playing fair.\$