Please help.
Full Version: Layout...
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. Please help.
Please help.
Source code + a link to your site would be nice intrying to help you. 
Especially because I don't get what you're saying.
Especially because I don't get what you're saying.
QUOTE(fishcake-y @ Mar 11 2006, 2:39 PM) 
Source code + a link to your site would be nice intrying to help you. Especially because I don't get what you're saying.
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.
..if you want to move the div...position it?
im not quite sure for what...
but, just position it.
im not quite sure for what...
but, just position it.
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.
CSS used for content div...:
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...
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...
Please post a link to your site that you're coding this on!
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>
<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>
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..
Edit// Nevermind, got it figured. :) Topic can be closed now. Thanks.
IMAGE REMOVED.
It still won't work..
Edit// Nevermind, got it figured. :) Topic can be closed now. Thanks.
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.