Different browsers blues

Thread view:

Enable EMail Alerts

Start New Thread

Thread rating:

shootmenow - 29 Sep 2003 21:16 GMT

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...

Reply to this Message

Brian - 29 Sep 2003 22:37 GMT

> 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/

Signature

Brian
follow the directions in my address to email me

Reply to this Message

wim huls - 29 Sep 2003 22:45 GMT

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

> Hi CSS Gurus,
>
[quoted text clipped - 14 lines]
>
> Thanks...

Reply to this Message

Johannes Koch - 30 Sep 2003 09:19 GMT

> 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.

Signature

Johannes Koch
In te domine speravi; non confundar in aeternum.
(Te Deum, 4th cent.)

Reply to this Message

Kris - 30 Sep 2003 11:26 GMT

> > My problem is that I started experimenting with CSS using
> > Internet Explorer, and when everything is mostly done with, I checked
[quoted text clipped - 3 lines]
> 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.

Signature

Kris
kristiaan@xs4all.netherlands (nl)

Reply to this Message

Webmaster Forum / HTML, CSS, Scripts / CSS / September 2003

Different browsers blues