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&amp;#039;t playing fair." rel="nofollow" >Topic: ie isn&#039;t playing fair.\

 
Author Thread
m33m
Nervous Wreck (II) Inmate

From: Philthadelphia
Insane since: Mar 2001

IP logged posted posted 05-24-2006 15:15 Edit Quote

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

IP logged posted posted 05-24-2006 16:03 Edit Quote

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

IP logged posted posted 05-24-2006 16:55 Edit Quote

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

m33m
Nervous Wreck (II) Inmate

From: Philthadelphia
Insane since: Mar 2001

IP logged posted posted 05-24-2006 17:41 Edit Quote

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

IP logged posted posted 05-24-2006 17:53 Edit Quote

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

IP logged posted posted 05-24-2006 17:56 Edit Quote

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

IP logged posted posted 05-24-2006 21:26 Edit Quote

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

IP logged posted posted 05-24-2006 22:37 Edit Quote
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

IP logged posted posted 05-24-2006 22:49 Edit Quote

thanks

Blaise
Paranoid (IV) Inmate

From: London
Insane since: Jun 2003

IP logged posted posted 05-25-2006 11:18 Edit Quote

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

IP logged posted posted 05-25-2006 18:10 Edit Quote

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

IP logged posted posted 05-25-2006 19:16 Edit Quote

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

m33m
Nervous Wreck (II) Inmate

From: Philthadelphia
Insane since: Mar 2001

IP logged posted posted 05-26-2006 15:12 Edit Quote

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

IP logged posted posted 05-26-2006 16:01 Edit Quote
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

IP logged posted posted 05-26-2006 17:06 Edit Quote

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:
 
Your Text:
Loading...
Options:


« BackwardsOnwards »

Show Forum Drop Down Menu