Help - Search - Members - Calendar
Full Version: Layout...
Forums > Resource Center > Webmasters' Corner > Webmasters' Corner Resolved Topics
randomweirdperson1234
Ok, well, I put up a new layout and fixed everything but I tried every way I can to move the content div from the bottom left of the page to where I want it to be. It's annoying me. Everything I've tried doesn't work. pinch.gif Please help.
talcumpowder
Source code + a link to your site would be nice intrying to help you. wink.gif Especially because I don't get what you're saying.
ranniel
QUOTE(fishcake-y @ Mar 11 2006, 2:39 PM) *
Source code + a link to your site would be nice intrying to help you. wink.gif Especially because I don't get what you're saying.

where is the link?!?!?!?!?!?!?!?!?! I can't understand either what you mean about div too.
Mulder
..if you want to move the div...position it?

im not quite sure for what...

but, just position it.
freeflow
QUOTE(ranniel @ Mar 11 2006, 2:38 PM) *
where is the link?!?!?!?!?!?!?!?!?! I can't understand either what you mean about div too.

She was telling him to post the link.
randomweirdperson1234
CSS used for content div...:
CODE
code off


Example of layout:

IMAGE REMOVED.

I tried the positioning with the margin-top/margin-left instead and also without position:absolute, with position:relative, with minuses, with positives... and every single way didn't work... _dry.gif
guilinger123
Please post a link to your site that you're coding this on!
talcumpowder
Your source should resemble this (this is fluid, being the difference). Taken from here. Look over yours and see what the difference are.
CODE
<html>
<head>
<title>Two Column CSS Layout with Header</title>
<style type="text/css">
body {
margin-top: 0;margin-bottom: 0;margin-left: 0;margin-right: 0;
padding-left: 0;padding-right: 0;}
#header {margin: 20px;padding: 10px;height: 100px;}
#left {position: absolute; left: 15px; top: 160px; width: 200px;}
#center {top: 0; margin-left: 230px; margin-right: 15px;}
</style>
</head>
<body>
<div id="header">
Your header will go here.  You can place images, text links, etc. in this div.  To change the properties of this div you can change the #header selector in the style sheet that is located on this page between the head tags.
</div>

<div id="left">
Your left menu will go here.  You can place images, text links, etc. in this div.  To change the properties of this div you can change the #left selector in the style sheet that is located on this page between the head tags.
</div>

<div id="center">
All of your content goes in this div.  This section is fluid so that if the window is collapsed, your div will collapse also and fit the screen perfectly.  To change the properties of this div you can change the #center selector in the style sheet that is located on this page between the head tags.
</div>
</body>
</html>
randomweirdperson1234
Gr.. this is hopeless... all my other layouts have worked before. They did have some annoyances but not like this one. here's a screenshot of how the div is...

IMAGE REMOVED.

It still won't work.. pinch.gif

Edit// Nevermind, got it figured. :) Topic can be closed now. Thanks.
Jane Doe.
QUOTE(randomweirdperson1234 @ Mar 12 2006, 4:48 AM) *
Edit// Nevermind, got it figured. :) Topic can be closed now. Thanks.

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