On Sun, 30 Jan 2005 04:45:40 GMT Matt Bostock wrote:
[color=blue]
> Hi,[/color]
[color=blue]
> I'm a bit of a CSS newbie so please accept my apologies if this post is
> inappropriate.[/color]
[color=blue]
> I can't get the 'latest news' title to move across to the right column
> where it belongs. Here's a link to the page:
>
http://www.retroweb.net/dev/8/[/color]
[color=blue]
> If anyone could help, I'd be extremely grateful.[/color]
[color=blue]
> Many thanks,
> Matt :)[/color]
Good job on the layout.
There's a lot more to CSS than just laying out <div> tags instead of <table>
tags.
When all else fails, and you can't see the forest through the trees, start
over.
Congratulations! Your page validates so that's not an issue.
What you need to do now is, layout two divisions side by side.
<div class="container">
<div id="left" style="width:49%; border:1px solid black; float:left;>
This is the body of the text holder for the stuff on the left side.
Note the spaces in "border" they are important.
That's just to show you where it is, remove it later.
<div id="right" style="width:49%; border:1px solid red; float:left;>
For the stuff in your right hand side including "latest news".
</div>
</div>
</div>
In xhtml, you won't use the </div> though. Just for show here.
The "container" division merely holds everything together in case the window
is resized, the divisions will remain side by side.
I've been working on a rather cumbersome photo gallery and tonight I had to
rewrite it so that everything worked the way I want it to.
While you're going through the process,
www.validator.w3.org will make sure
everything has it's proper place.
