CSS review

[hoss9009]

so im trying my hand at CSS... normally i do everything in flash, but im liking what i see in the CSS world...
here's what i have so far... http://designlev.com/1010/ (http://designlev.com/1010/)
I do have a bit of a problem... when you resize the browser things get a little distorted and i can't figure out why. i attached the pic so you can see what i mean.
Any suggestions?

Also, i just wanted to see how the CSS looked... since im new at it, im not to hot at it and any feedback would be nice. the css file is http://designlev.com/1010/main.css
Thanks,
Eric

[MikeDS]

If you want your CSS validated to see if it's all good, W3C have a validator available at http://jigsaw.w3.org/css-validator/.

In regards to your overlapping problem, I'm gonna assume that it's the #topswf class that is being used, and my guess is that it's because you've used absolute positioning and put it so many pixels left, so that when the window is minimized, it stays where it is while everything else moves.

My suggestion would be to maybe use padding-left to move it across, although there are probably easier methods.

Hope that helps :)

[hoss9009]

i guess i meant style of the css... does it look like a retard did it? :drool:
also, does that mean i have to scrap the absolute if i do the padding?
Thanks,
Eric



If you want your CSS validated to see if it's all good, W3C have a validator available at http://jigsaw.w3.org/css-validator/.

In regards to your overlapping problem, I'm gonna assume that it's the #topswf class that is being used, and my guess is that it's because you've used absolute positioning and put it so many pixels left, so that when the window is minimized, it stays where it is while everything else moves.

My suggestion would be to maybe use padding-left to move it across, although there are probably easier methods.

Hope that helps :)

[bwizard]

I have tried CSS alot and sometimes it works and sometimes is can be frustrating...(MS etc.) but I found this to handy. http://ipinfo.info/netrenderer/index.php it renders the page for you on IE6 and IE7 and then you can view it etc. Fixin' it is another story.


*I find WS3 validator sometimes will pickout code as bad that may be doing something else, just my experience.