CSS issues

http://coldwerturkey.com/

This is my first true CSS endeavor, I stole the site design from somewhere, it started as just for fun put looked a thousand times better than my old site.. I don't have anyone on my list who understands code, and because of lack of knowlege google hasnt helped much either... Besides the errors I have yet to discover, I need some help with the footer, and centering/floating div content

full css: http://coldwerturkey.com/bumba.css

footer: just by looking at the site, youll notice the footer is pirtched way below my content (because of bottom:-304px). But, when I remove it, it shoots way up. I clearly did the code wronge, I referenced from some other pages, but nothing has worked for me..

#footer {

	background-image:url(images/build/bottomfade.jpg);

			   	background-repeat:repeat-x;

	position: absolute;

	[B]bottom: -304px;[/B]

	width:100%;

	height: 43px;

	margin: 0px 0px 0px 0px;

	right:2px;

	left:0px;

	z-index: 0;

}

floating div: I want everything to auto-center with the viewers monitor rather than having the marrage I currently have..

#splash {

	position:absolute;

	left:90px;

	top:119px;

	width:554px;

	height:360px;

	z-index:2;

	background-image: url(images/build/splash.png);

	background-position:center center;

	background-repeat:no-repeat;

}

Also linking a div tag, I read you cant/shouldnt do the following but it worked when I did it;

<a href="../../unavailable.html"><div class="blah"></div></a>

/to all you advanced web developers, go easy on me I know the css is a mess;)

#470595

Before I look into it more, my guesses for fixing certain things are the fact that you have elements positioned absolutely. Your footer would work if your bottom margin is 0, and it's placed at the bottom of your HTML. Take out the position stuff to default it or change it to I think "static" or "relative."

Also, as I said in a previous css question i answered on here that firefox tends to not display things unless I float just about everything. So if your non "absolute" elements aren't showing up, add float: left; and for another floated element to not overlap the first one, add clear: left; too.

-------------

To center your page, lose the "absolute" property, and put margin: auto;

I suppose the "top" property can stay so it moves down the page a bit though. "Left" margin is unnecessary though with this property.

#470598

I stole the site design from somewhere

why would you admit this? the fix to your css is * {display: none;}

#471072

cause its just a project...

#471077

cause its just a project...

Just so you know, if you plan on going public with it (and yes you do, since it's already on the web), then you need an original design.

Inspiration is okay, and maybe you were aiming at levity when you said you "stole the site design from somewhere," but that's not going to win you any respect in the graphic or web design world.

Just some friendly advice .

-NC

P.S: Did Link's response address your problem?

#471154

splash is fixed thanks to godmic

.splash {

	width:554px;

	height:360px;

	margin: 0px auto;

	background-image: url(images/build/splash.png);

	background-position:center center;

	background-repeat:no-repeat;

	padding-bottom: 25px;

}

the footer is still iffy, its 'fixed' for now because I have such little content theres no need for scrolling

.footer {

	background-image:url(images/build/bottomfade.jpg);

	background-repeat:repeat-x;

	width:100%;

	bottom: 0;

	height: 43px;

	margin:0px 0px 0px 0px;

	left:0px;

	z-index: 0;

	position:fixed;

}

----

& your right NC, the reason I declaired I "stole" it because I have no idea how popular the site is, I dont haven know what site it was, so I actully dont even know how to close to "stealing" it even was... I closed it... and I'm now working on my own design.

#471207