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, 02:39 PM
Post
#2
|
|
![]() You'll find me in your dreams. ![]() ![]() ![]() ![]() ![]() ![]() ![]() Group: Official Member Posts: 8,536 Joined: Mar 2005 Member No: 114,010 |
Source code + a link to your site would be nice intrying to help you.
|
|
|
|
| *ranniel* |
Mar 11 2006, 05:38 PM
Post
#3
|
|
Guest |
|
|
|
|
Mar 11 2006, 06:21 PM
Post
#4
|
|
![]() i lost weight with Mulder! ![]() ![]() ![]() ![]() ![]() ![]() ![]() Group: Official Designer Posts: 4,070 Joined: Jan 2005 Member No: 79,019 |
..if you want to move the div...position it?
im not quite sure for what... but, just position it. |
|
|
|
Mar 11 2006, 07:29 PM
Post
#5
|
|
|
t-t-t-toyaaa ![]() ![]() ![]() ![]() ![]() ![]() ![]() ![]() Group: Official Member Posts: 19,821 Joined: Apr 2004 Member No: 11,270 |
|
|
|
|
Mar 11 2006, 10:09 PM
Post
#6
|
|
|
Member ![]() ![]() Group: Member Posts: 13 Joined: Feb 2006 Member No: 380,931 |
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... |
|
|
|
Mar 11 2006, 10:32 PM
Post
#7
|
|
|
:D ![]() ![]() ![]() ![]() ![]() Group: Member Posts: 530 Joined: Dec 2005 Member No: 337,031 |
Please post a link to your site that you're coding this on!
|
|
|
|
Mar 11 2006, 11:11 PM
Post
#8
|
|
![]() 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> |
|
|
|
Mar 12 2006, 07:48 AM
Post
#9
|
|
|
Member ![]() ![]() Group: Member Posts: 13 Joined: Feb 2006 Member No: 380,931 |
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. |
|
|
|
Mar 12 2006, 10:12 AM
Post
#10
|
|
|
Senior Member ![]() ![]() ![]() ![]() ![]() ![]() Group: Member Posts: 2,534 Joined: Jul 2005 Member No: 170,127 |
|
|
|
|
![]() ![]() |