Site Review — OZONE Asylum, home of the Mad Scientists

Site Review

This page's ID: 10109

Edit Post

Who can edit a post?	The poster and administrators may edit a post. The poster can only edit it for a short while after the initial post.

Your User Name:
Your Password:
Login Options:	Remember Me On This Computer

Your Text: Insert Slimies » Insert UBB Code » Close Last Tag \| All Tags UBB Help	Ok. I seriously think you need to re-do your style sheet. I think I've mentioned this to you before. Your using % values in far too many places which is making your site look and act... err weird. Setting margin values as a % isn't really a good idea as that % values is a % of the width of the page. When your using this to set the margins and padding values of almost every element it means your basically throwing away a certain amount control over your style. Which kinda goes against the whole idea of style sheets. I also notice that you've use values like margin-top: -525. You really shouldn't need to specify negative values to that kind of extreme. This is also causing problems in Mozilla and Opera as the 525px, which is the height of the menu yes? Well this is not actually 525px in Mozilla or Opera. It's larger in one, smaller in the other, which meant the resting-place for your content varies from browser to browser. Did you check how your site renders in NS6/Mozilla or Opera? You should always check CSS designs in Mozilla at least - it's a lot more standards compliant in that field than IE currently is. Opera seems to render just as well as Mozilla with a couple of major exceptions when it comes to dealing with z-values. I decided to to a little cleaning of your style sheet. Try using this instead: body {scrollbar-face-color: #336633; margin: 0; scrollbar-highlight-color: #336633; scrollbar-shadow-color: #336633; scrollbar-3dlight-color: #d2d2d2; scrollbar-arrow-color: #cccccc; scrollbar-track-color: #000000; scrollbar-darkshadow-color: #d2d2d2; background-color: #000000} div.logo {background-image: url(http://pharotek.xtremeconfusion.com/graphix/ghostsofrock.gif); margin-bottom: 5%; width: 500px; height: 130px} div.menucol {position:absolute; top: 200px; left:50px; width: 150px} div.news {border-right: #d2d2d2 1px inset; border-top: #d2d2d2 1px outset; border-left: #d2d2d2 1px outset; width: 100%; border-bottom: #d2d2d2 1px inset; background-color: #1e3b26} div.newscol {position:absolute; top: 200px; padding-left: 250px; padding-right: 50px;} div.menu {border-right: #d2d2d2 1px inset; border-top: #d2d2d2 1px outset; margin-bottom: 5; border-left: 2d2d2 1px outset; width: 100%; border-bottom: #d2d2d2 1px inset; background-color: #1e3b26} div.break {margin-top: 40px; margin-bottom: 40px} div.asylum {border-right: #d2d2d2 1px inset; border-top: #d2d2d2 1px outset; margin-bottom: 5%; margin-left: 5; border-left: #d2d2d2 1px outset; width: 110px; margin-right: 5%; border-bottom: #d2d2d2 1px inset; background-color: #336633} h1 {font-size: 11px; width: 100%; color: #cccccc; border-bottom: #d2d2d2 1px inset; font-family: arial, verdana, helvetica, sans-serif; letter-spacing: 3px; height: 20px; background-color: #336633} h2 {border-right: #d2d2d2 1px inset; border-top: #d2d2d2 1px outset; padding-left: 5; font-size: 11px; margin-bottom: 5; width: 75%; color: #cccccc; border-bottom: #d2d2d2 1px inset; font-family: arial, verdana, helvetica, sans-serif; letter-spacing: 3px; height: 20px; background-color: #336633} h3 {font-size: 11px; width: 100%; color: #cccccc; border-bottom: #d2d2d2 1px inset; font-family: arial, verdana, helvetica, sans-serif; letter-spacing: 3px; height: 20px; background-color: #336633} p {font-weight: 400; font-style: normal; font-family: arial, verdana, helvetica, sans-serif; text-align: left; font-variant: normal; text-decoration: none} p {font-size: 12px; margin-left: 5; color: #cccccc} p.news {font-size: 12px; margin-bottom: 5; margin-left: 5; color: #cccccc; margin-right: 5} a {font-weight: bold; font-size: 12px; color: #cccccc} a:hover { color: #ffffff; text-decoration: none} Although this is buy far finished IMHO. There's still a bunch of cross-browser discrepancies, more that I have time to fix for you so you'll need to do a lot of tweaking. At the very least this should give you an idea of other ways to approach CSS layouts. Also, be sure to check out [url=http://www.glish.com/css]www.glish.com/css[/url] as there's some really nifty layout templates there, which could teach you a lot. [url=http://dracusis.deviantart.com/] [img]http://www.whatever.net.au/~cameron/ozone/ArtDecoSiggy.gif[/img] [/url] Loading...
Options:	Enable Slimies Enable Linkwords

« Backwards — Onwards »

Show Forum Drop Down Menu