How can i place a div here?

syNK · Share | #1 (**permalink**) 04-15-2011, 09:46 AM

http://tinypic.com/view.php?pic=2a0jkf8&s=7

The black box is where i would like the div to be placed, but it doesn't seem to want to go there, can anyone edit the code and show me how i can place the div exactly there?

html:

Code:

<html>
<head>
<link rel="stylesheet" type="text/css" href="css.css" >
<link rel="stylesheet" href="css/lightbox.css" type="text/css" media="screen" />
<script type="text/javascript" src="js/prototype.js"></script>
<script type="text/javascript" src="js/scriptaculous.js?load=effects,builder"></script>
<script type="text/javascript" src="js/lightbox.js"></script>
</head>
<body>


<div id="top">
<div id="banner">
<a href="home.html"><img src="Image/emancoleban.png" alt="banner"/></a>
</div>

</div>
<div id="left">

</div>
</body>
</html>
<!-- 000webhost.com ->

CSS

Code:

#images {
	width: 6000 px;
	height: 500 px;
	}
#images ul{
	margin: 0;
	padding: 0;
	float: left;
	}
#images ul li{
	display: inline;
	}
body {
	margin: 0px;
	padding: 0px;
	height: 100%;
	width: 100%;
}
#left {
	height: 600px;
	width: 300px;
}
#top #banner {
	height: 80px;
	width: 400px;
	margin-left: 300px;
	margin-top: 60px;
}

#top {
	float: left;
	height: 100px;
	width: 1000px;
}

Thanks..

**ScriptMan** · #2 (**permalink**) 04-15-2011, 10:06 AM

I can't write this stuff off the top of my head. I have to write and then see how it behaves, then modify until I get it right. Maybe I can get you started.

To the css file add a new div declaration where the X and Y in the example are modified to the numbers you want.

PHP Code:


		
			
#newdiv {

    float: left;

    height: Xpx;

    width: Ypx;

}

Then in your html add the part just above the closing body tag:

PHP Code:


		
			
<div id="left">



</div>

<div id="newdiv"> <!-- Opens the new div-->

add your script here



</div>  <!-- closes the new div-->

</body>

Now you may or may not have to clear some floats to make that work.

syNK · #3 (**permalink**) 04-15-2011, 10:24 AM

Tried it before & didn't work.
Tried it again, same problem, just goes under div left.

**ScriptMan** · #4 (**permalink**) 04-15-2011, 01:50 PM

I did not do the math but the total of the two divs can not exceed the size of the container.

Next thing to try is to add:

PHP Code:


		
			
clear:both;

as the first line of the newdiv declaration.

syNK · #5 (**permalink**) 04-16-2011, 06:27 AM

Tried, same problem.

**ScriptMan** · #6 (**permalink**) 04-16-2011, 11:14 AM

I just copied your CSS file to play with this on localhost. Once the type was big enough to read I noticed that your image div is defined at 6000 px not 600. Correct that and see if it solves your problem.

I am going to copy your files to locahost anyway so that I have them