BleepingComputer.com: Positioning things with percentages

Hello,

I am developing a graph in HTML div tags with colored backgrounds as elements, and am having a bit of trouble with making it dynamic by positioning things with percentages instead of hard pixel values.

Have a look at the source code of http://www.rayslinks.com/Graph.html

Note that the main enclosing div for the first graph [with class, and id set to 'graph'] has a relative position of 1% which I expected to put it really close to the left side of the browser window, but it does not, it puts it about where the second graph is, which is set with hard pixel values.

Inside the graphbody div, the first bar div is set with absolute left position equal to 0 %, and it is in it's expected extreme left position within the graphbody div.

Even using absolute on the graph div and setting left to 0% leaves it far out from the left edge instead of putting it at the extreme left edge of the page as I was expecting it to do.

Can anyone tell me why this is?

Thanks for any help you can be.

Later, Ray Parrish

Quote

To visually see where graph div is in your browser, add this to its style border:2px solid red; You would find it is where you wanted it to be.

Romeo29, on Mar 3 2010, 07:20 AM, said:

Thank you, you are correct. I was forgetting that the outer graph div extended so much further to the left than the actual graphbody div does.

Now to convert all of the height, width, top, left, and bottom values to percentages so it will dynamically adjust to the browser's page area, and be more logically adjustable to values from more than one data set.

I am planning to generate a JavaScript that will allow the visitor to click buttons to load values into the graph for different months, and for different traffic parameters like page views, visitors, or search engine visits. This will allow me to dispense with the second bar graph, and simply change the main graph on demand to display what the user wants to see.

That JavaScript, as well as the entire page will get written to file by a Python script that reads the daily server log files, and compiles all of the data needed to generate the HTML representation of that data.

Hey Guys,

I'm a noob web designer and new to this forum and am trying to make a background that fits the entire page and adjusts depending on the size of the screen. The original size of the background was width= 640, height= 480. The image is a flash image that's been imported into dreamweaver. I've used the standard " <img src="#" width="100%" height="100%"> but it doesn't fully cover the entire webpage. Any help would be greatly appreciated in this matter

Programs: CS3 Dreamweaver, Flash