Layout... |
Layout... |
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.
|
|
|
|
![]() |
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> |
|
|
|
randomweirdperson1234 Layout... Mar 11 2006, 02:38 PM
fishcake-y Source code + a link to your site would be nice in... Mar 11 2006, 02:39 PM
ranniel QUOTE(fishcake-y @ Mar 11 2006, 2:39... Mar 11 2006, 05:38 PM
toyo loco QUOTE(ranniel @ Mar 11 2006, 2:38 PM) whe... Mar 11 2006, 07:29 PM
insomniac ..if you want to move the div...position it?
im n... Mar 11 2006, 06:21 PM
randomweirdperson1234 CSS used for content div...:
CODEcode off
Example... Mar 11 2006, 10:09 PM
guilinger123 Please post a link to your site that you're co... Mar 11 2006, 10:32 PM
randomweirdperson1234 Gr.. this is hopeless... all my other layouts have... Mar 12 2006, 07:48 AM
Julie. QUOTE(randomweirdperson1234 @ Mar 12 2006, 4... Mar 12 2006, 10:12 AM![]() ![]() |