Forum Moderators: not2easy
I have been doing my first CSS layouts after converting from HTML tables and im really pleased with them. The only thing is that I would like to position the main content div of each page at the very top of the HTML file but I have not had much success.
Can anyone tell me how to modify the CSS layouts on the following URL so that the main content div can be placed right at the top of the HTML file (above the left navi) where it is better from a search engine optimisation point of view.
<No URLs, thanks. See TOS [WebmasterWorld.com] and CSS Forum Charter [WebmasterWorld.com]>
[edited by: SuzyUK at 9:32 pm (utc) on Mar. 3, 2005]
you are going to be doing a lot of experiments with positioning. Welcome to the world of CSS!
Put this into the CSS properties for your DIV:
position:absolute;
top:300px;
left:200px;
you'll be able to position anything wherever you want on the screen, regardless of where it appears in your source.
Good positioning skills will allow you to shove your content to the top of the source while retaining a header/footer layout.
Check out this forum's library for lots of great tips
btw, you are going to get admonished for posting a personal URL here. Check the forum rules :)
try this thread for some CSS layout ideas [webmasterworld.com]
and also I suggest developing CSS layouts in a non-IE browser (Firefox or opera is good)
- I peeked at link at the layouts didn't work in FF
Suzy
