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

shootmenow wrote:[color=blue]
>
> URL of website: http://www.quotesnjokes.com
> URL of CSS: http://www.quotesnjokes.com/include/style.css[/color]
[color=blue]
> I am sure I am breaking a ton of CSS rules everywhere.[/color]

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

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

shootmenow wrote:[color=blue]
> 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...[/color]

shootmenow wrote:[color=blue]
> 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.[/color]

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

In article <blbeaj$a4rj0$3@ID-61067.news.uni-berlin.de>,
Johannes Koch <koch@w3development.de> wrote:
[color=blue][color=green]
> > 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.[/color]
>
> 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.[/color]

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
kristiaan@xs4all.netherlands (nl)