Log In · Register

 
Layout...
randomweirdperso...
post Mar 11 2006, 02:38 PM
Post #1


Member
**

Group: Member
Posts: 13
Joined: Feb 2006
Member No: 380,931



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.
 
 
Start new topic
Replies
talcumpowder
post Mar 11 2006, 11:11 PM
Post #2


You'll find me in your dreams.
*******

Group: Official Member
Posts: 8,536
Joined: Mar 2005
Member No: 114,010



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>
 

Posts in this topic


Closed TopicStart new topic
1 User(s) are reading this topic (1 Guests and 0 Anonymous Users)
0 Members: