My Site

[TheAntiCrust]

Hiya guys! Im new here but I think Id like to start browsing these forums regularly =).

Anyway, onto my situation. I run a little site as a hobby and recently attempted to redesign the whole thing using .css instead of the frames I had been happily using before. (Hooray for peer pressure from geeky friends). I recently recieved quite a vicious email from a random individual who stumbled across my page that said I had completely misunderstood the whole reason for a .css layout... but when I asked him what the problems were... he ignored me. Also, people on some older browsers seem to be having some trouble viewing my page properly (the sections dont line up properly).

So anyway, I was wondering if yall might have a little look at my page and see if there are any glaring newb mistakes in the layout.

It's The Anti Crust (http://www.theanticrust.com)

Thanks in advance!

[tmmoose]

Looks Good......No Crust There... .Can You Pass On Lisa's Phone # :D :D

[TheAntiCrust]

Haha, hmmm, trust me... I dont think you want Lisa's number :eek: .

And thanks for taking a look!

[themadpoet]

I've got NS7.1 and Windows XP at 1024 x768 and I'm afraid when I visited your site it was all crumpled up against the left hand side.....

See attached screenshot

[themadpoet]

Curious..... well it worked in IE on my machine... nice site

[TheAntiCrust]

See, thats what Im talking about mad poet, I know something is wrong, but I cant figure out what. And a special thanks for taking the time to make a screenshot! Maybe if I posted my style sheets it would be easier to tell what the problem is.

Here is my basic formatting sheet:

<STYLE type="text/css">
{
link {cursor: crosshair}
a:link { color: blue; text-decoration: none }
a:active { color: yellow; text-decoration: none }
a:visited { color: red; text-decoration: none }
a:hover { color: blue; text-decoration: underline; background: #33CCFF}
p {font-size: 20px; color: #66ffcc;}
h1,h2,h3,h4,h5,h6,h7 {color: white;}
body {
background-color: black;
scrollbar-face-color: 000000;
scrollbar-highlight-color: FF0000;
scrollbar-3dlight-color: CC0000;
scrollbar-darkshadow-color: 999999;
scrollbar-shadow-color: 666666;
scrollbar-arrow-color: FF0000;
scrollbar-track-color: 000000;
}
pre {color: white}
}
</STYLE>


and here is the layout sheet:


<STYLE type="text/css">
body {
magin:0px 0px 0px 0px;
}
#menu {

float: left;
width: 188px;
}
#content {
position: absolute;
float: left;
width: 500;
}

</STYLE>

Anyone have any suggestions?

[Astrolegoboy]

Originally posted by TheAntiCrust
magin:0px 0px 0px 0px; 1st - Try changing to margin!

Not sure why all the text/images are aligning left in http://www.members.aol.com/teejaw/smilies/NetscapeLogo2.gif though.
Might have to add some additional format tags/hacks for compatability

Also might want to run your css style sheet through the CSS Checker.

Here is the Link:

CSS Check (http://www.htmlhelp.com/tools/csscheck/)

HTH's
http://www.members.aol.com/teejaw/smilies/Face.gif

[TheAntiCrust]

Thanks! Using that .css checker I fixed my site! w00h00!

Haha, the biggest thing is that I didnt need the <style> tags at the begining and end of the style sheets, I feel like such a dork now =).


Thank you so much all who helped! My site works in Mozilla now!

Where were these forums all my life?

[Astrolegoboy]

You're http://www.members.aol.com/teejaw/smilies/Welcome2.gif Glad I could http://www.members.aol.com/teejaw/smilies/Help2.gif