Forums > div position

Forums > Resource Center > Webmasters' Corner > Resolved Topics

ffz3

Jul 2 2008, 12:51 AM

ok so i set the positioning to 300px but it dose not move to that position but it wont budge! D:

http://www.freewebs.com/ffz3/pink.htm

CODE

<style type="text/css">

body	{
	background-color: #666666;
	background-image: url(http://i291.photobucket.com/albums/ll319/siteto/z3linepink.png);
	background-repeat: repeat-y;
	color: #000;
	font-family: "Century gothic"verdana;
	font-size: 10px;
	text-align: justify;
        word-spaceing:2px;
        scrollbar-arrow-color:  #666666;
        scrollbar-track-color: #666666;
        scrollbar-face-color:  #990099;
        scrollbar-highlight-color:  #990099;
        scrollbar-3dlight-color:   #990099;
        scrollbar-darkshadow-color: #990099;
        scrollbar-shadow-color: #990099;
	}

	
#xoxo{
	left: 0px;
	top: 0px;
        position: absolute;
	}

#content	{
	width: 530px;
	left: 10px;
	top: 400px;
	position: absolute;
	}

#box1{
	width: 100px;
        height:80px;
	left: 300x;
	top: 20px;
position: absolute;
OVERFLOW: auto;
	}

#box2{
	width: 100px;
        height:80px;
	left: 300x;
	top: 40px;
	position: absolute;
OVERFLOW: auto;
	}
	
b, strong	{
	color: #000;
	text-transform: uppercase; }
i	{
	color: #fff;   }

u 	{
	color: #fff;
	border-bottom: 1px dotted #666666; 
	}

a:link, a:active, a:visited	{
	color: #fff;
	}
a:hover	{
	color: #990099;
	font-family: verdana;
	}
	
.menu, a.menu:link, a.menu:active, a.menu:visited	{
	color: #666666;
	background-color: #990099;
	font-family: small fonts;
	font-size: 7px;
	letter-spacing:2px;
        padding:1px;
        display:block;
        text-transform: uppercase;
	line-height: 7px;
	text-align: left;
	}

a.menu:hover	{
	color: #990099;
	background-color: #666666;
	font-family: small fonts;
	font-size: 7px;
	font-style: normal;
	font-weight: none;
        padding:1px;
	text-decoration: none;
	line-height: 7px;
	text-align: left;
        display:block;
        letter-spacing:2px;
        text-transform: uppercase;
	}


</style>
</head>












<body>



<div id="xoxo">
<table cellpadding=0 cellspacing=0>
<tr>
<td>
<img src="http://i291.photobucket.com/albums/ll319/siteto/z3m1pink.png"><img src="http://i291.photobucket.com/albums/ll319/siteto/z3m2pink.png">
</td>
</tr>

<tr>
<td>
<img src="http://i291.photobucket.com/albums/ll319/siteto/z3m3pink.png"><img src="http://i291.photobucket.com/albums/ll319/siteto/z3m4pink.png">
</td>
</tr>

<tr>
<td>
<img src="http://i291.photobucket.com/albums/ll319/siteto/z3m5pink.png"><img src="http://i291.photobucket.com/albums/ll319/siteto/z3m6pink.png">
</td>
</tr>

<tr>
<td>
<img src="http://i291.photobucket.com/albums/ll319/siteto/z3contentpink.png">
</td>
</tr>

</table>
</div>

<div id="box1">

	
	<a href="#" target="_self" class="menu"> Link</a>
	<a href="#" target="_self" class="menu"> Link</a>
	<a href="#" target="_self" class="menu"> Link</a>
	<a href="#" target="_self" class="menu"> Link</a>
	<a href="#" target="_self" class="menu"> Link</a>
	<a href="#" target="_self" class="menu"> Link</a>
	<a href="#" target="_self" class="menu"> Link</a>
	<a href="#" target="_self" class="menu"> Link</a>
	<a href="#" target="_self" class="menu"> Link</a>
	<a href="#" target="_self" class="menu"> Link</a>
	<a href="#" target="_self" class="menu"> Link</a>
	<a href="#" target="_self" class="menu"> Link</a>
        


</div>

<div id="box2">

	
	<a href="#" target="_self" class="menu"> Link</a>
	<a href="#" target="_self" class="menu"> Link</a>
	<a href="#" target="_self" class="menu"> Link</a>
	<a href="#" target="_self" class="menu"> Link</a>
	<a href="#" target="_self" class="menu"> Link</a>
	<a href="#" target="_self" class="menu"> Link</a>
	<a href="#" target="_self" class="menu"> Link</a>
	<a href="#" target="_self" class="menu"> Link</a>
	<a href="#" target="_self" class="menu"> Link</a>
	<a href="#" target="_self" class="menu"> Link</a>
	<a href="#" target="_self" class="menu"> Link</a>
	<a href="#" target="_self" class="menu"> Link</a>
        


</div>


<div id="content">

<h1>Welcome</h1>
<U> all rights</U><br>
<I>go to the creators of Tactics</I><br>


<I>!</I><br>
<U>who is the Hot man on the image?</U>
<I>Haruka</I>
<br><br>
 <li>love my credits!
 <li>i design the image

	<b>Bold</b> <i>Italic</i> <u>Underlined</u> <a href="#" target="_blank">Link~!</a><br />

	*o*
	
	<h1> GIVE Credits & ILL GIVE YOU A COOKIE!! </h1>

	Put my credits anywhere on your webpage =D and ill put you link on my site =D	<b>Layout</b> · <a href="http://www.freewebs.com/ffz3/" target="_blank">FFz3</a><br />
	 <br>
<br> <br>
<br> <br>
<br>
		<!-- Freewebs Sticker -->
        <noscript></noscript><!-- --><script src="http://www.freewebs.com/p.js"></script><script language="JavaScript" src="http://images.freewebs.com/JS/Freebar/btn_circleblack.js">
        </script>
 <br>
<br> <br>
<br> <br>
<br> <br>
<br>
			</div>

schizo

Jul 2 2008, 10:36 AM

I'm not sure if this is it, but you forgot the p in px. It only says 300x, not 300px.

ffz3

Jul 2 2008, 04:44 PM

^^; wow i didn't see that

thanks for the help

this can be closed.

libertie

Jul 2 2008, 06:33 PM

Nice. :) Moving this to the resolved topics forum. :3

This is a "lo-fi" version of our main content. To view the full version with more information, formatting and images, please click here.