469,275 Members | 1,871 Online
Bytes | Developer Community
New Post

Home Posts Topics Members FAQ

Post your question to a community of 469,275 developers. It's quick & easy.

Different browsers blues

Hi CSS Gurus,

This is my first website using CSS, and I am trying to finish it
quickly. My problem is that I started experimenting with CSS using
Internet Explorer, and when everything is mostly done with, I checked
it out in Mozilla and it looks horrible.

URL of website: http://www.quotesnjokes.com
URL of CSS: http://www.quotesnjokes.com/include/style.css

I would appreciate if anyone could show me some quick fixes. I am sure
I am breaking a ton of CSS rules everywhere.

Also if anyone has suggestions on how to make the website better, that
would be great too. I still don't know what to put in the empty black
space on top.

Thanks...
Jul 20 '05 #1
4 1554
shootmenow wrote:

URL of website: http://www.quotesnjokes.com
URL of CSS: http://www.quotesnjokes.com/include/style.css I am sure I am breaking a ton of CSS rules everywhere.


And some html ones, too.
http://validator.w3.org/

After fixing those, and only after fixing them, start on the css.
http://jigsaw.w3.org/css-validator/

--
Brian
follow the directions in my address to email me

Jul 20 '05 #2
A good start would be to correct the syntax-errors. Validate at:
<http://jigsaw.w3.org/css-validator/>

shootmenow wrote:
Hi CSS Gurus,

This is my first website using CSS, and I am trying to finish it
quickly. My problem is that I started experimenting with CSS using
Internet Explorer, and when everything is mostly done with, I checked
it out in Mozilla and it looks horrible.

URL of website: http://www.quotesnjokes.com
URL of CSS: http://www.quotesnjokes.com/include/style.css

I would appreciate if anyone could show me some quick fixes. I am sure
I am breaking a ton of CSS rules everywhere.

Also if anyone has suggestions on how to make the website better, that
would be great too. I still don't know what to put in the empty black
space on top.

Thanks...


Jul 20 '05 #3
shootmenow wrote:
My problem is that I started experimenting with CSS using
Internet Explorer, and when everything is mostly done with, I checked
it out in Mozilla and it looks horrible.


Yes, that's a problem. You should experiment using Mozilla or Opera,
then check with various IE versions (because they all behave
differently). And, as others pointed out, validate your code.
--
Johannes Koch
In te domine speravi; non confundar in aeternum.
(Te Deum, 4th cent.)

Jul 20 '05 #4
In article <bl************@ID-61067.news.uni-berlin.de>,
Johannes Koch <ko**@w3development.de> wrote:
My problem is that I started experimenting with CSS using
Internet Explorer, and when everything is mostly done with, I checked
it out in Mozilla and it looks horrible.


Yes, that's a problem. You should experiment using Mozilla or Opera,
then check with various IE versions (because they all behave
differently). And, as others pointed out, validate your code.


And, if I may add to that, IE will probably render things wrong.
Especially with more complex things, like full layout. There are plenty
of CSS hacks around that allow you to serve some variation of your CSS
rules to IE, but if possible avoid hacks.

I noticed that for the 'real' browsers, there are often 3 or 4 ways to
do something with CSS, while only one of those work properly in IE
without a hack. For instance, avoiding padding on a floated element and
using margins on nested elements to make up. Sometimes you also have to
explicitly set a width for elements, to get IE back in check.

It is worth experimenting. You will gain more and more experience as you
progress.

--
Kris
kr*******@xs4all.netherlands (nl)
Jul 20 '05 #5

This discussion thread is closed

Replies have been disabled for this discussion.

By using this site, you agree to our Privacy Policy and Terms of Use.