This is impossible =\ i been trying to do this for 2 days any feedback would help

KoRe · 02-07-2009, 01:51 AM

Code:

<style type="text/css">
body {
margin: 0px;
	background: #1C1C1C;
    font-family: "Lucida Grande",Tahoma,Helvetica,Arial,sans-serif;
    font-size: 11px;
    font-style: normal;
	font-color: #fff;
}
#TITLEBG {
	width:100%;
	height:168px;
	z-index:-1;
	overflow: visible;
	background-image: url(http://xtraservers.com/egl/theme/default/images/TOPBN-Left.jpg);
	margin:0 auto;
	left: 0;
	top: 0;
}
#LOGINAREA {
	position:absolute;
	width:415px;
	height:168px;
	z-index:1;
	left: 50%;
	background-image: url(http://xtraservers.com/egl/theme/default/images/TOPBN-CENTER.jpg);
	top: 0;
}

#LOGIN {
	position:absolute;
	width:320px;
	height:22px;
	z-index:2;
	left: 64px;
	top: 69px;
}

</style>
</head>

<body>


<div id="TITLEBG"></div><div id="LOGINAREA"><div id="LOGIN">
 <?
//Login Block ////////////////////////////////////////////////////////////////////////////////////

LOGIN SECTION  IS HERE.. 

//End Login Block////////////////////////////////////////////////////////////////////////////////////////////////////////
?></div>
</div>

As you can see my login at, http://www.xtraservers.com/egl

it isnt going anywhere no matter how i put any code in it stays in the same spot. whats going on? need help bad. "still newb at css a lot i been playing with this for the past few days."

Help would be greatly appreciated. Basically i want to know why its not going anywhere so then i can do my margins or w/e to make it position correctly.

KoRe · 02-07-2009, 02:11 AM

Hmm it seems firefox to me isnt working properly.

IE shows it below the greenline and i think its moveable will test in a sec. Yes works in IE lawl.

Hmmm, i wonder why Firefox is so crap now =\ im using 3.0.6

Excavator · 02-07-2009, 02:18 AM

Hello KORe,
Try this for starters:

Code:

#LOGINAREA {
	position:absolute;
	width:415px;
	height:168px;
	z-index:1;
	left: 50%;
	background-image: url(http://xtraservers.com/egl/theme/default/images/TOPBN-CENTER.jpg);
	top: 0;
}
#LOGIN {
	width:215px;
margin: 45px auto 0;
background: #ccc; /*for testing only*/
}

To make this work you have to look all the way down toward the bottom of your embedded styles and delete

Code:

#LOGIN {
	position:absolute;
	width:320px;
	height:22px;
	z-index:2;
	left: 65px;
	top: 48px;
}

Errors on your site - http://validator.w3.org/check?verbos...s.com%2Fegl%2F
It could be you should not use a strict doctype.

KoRe · 02-07-2009, 02:21 AM

Wow that worked forboth

your the man now lets see if i can position it to where i want it =\