2 replies [Last post]
fluffysam
Offline
newbie
Last seen: 16 years 37 weeks ago
Joined: 2004-02-14
Posts: 4
Points: 0

I'm a beginner to this.. I tried searching but I'm not that great at editing. Smile I just need a simple code that can put two tables next to each other, rather than one pushing the other down. This is what I have right now:

<div align="right"><div align="left" style="width:100; height:600; overflow: auto; padding:5px;
background-color: #FFFFFF;
border: 1px;
border-color:#C0C0C0; 
border-style: solid;">Navigation etc.</div>
<div align="right"><div align="left" style="width:450; height:600; overflow: auto; padding:5px;
background-color: #FFFFFF;
border: 1px;
border-color:#C0C0C0; 
border-style: solid;">Content etc.</div>

I want the to go next to each other.. thanks to anyone that can help! Laughing out loud

Big John
Big John's picture
Offline
Enthusiast
Arizona
Last seen: 17 years 5 days ago
Arizona
Timezone: GMT-7
Joined: 2003-10-29
Posts: 94
Points: 0

&quot;nesting&quot; &lt;div&gt;..how do I put two next to ea

You mean divs, right?

Aligning won't work on divs, you need to float them.

See this article for an idea of what's involved:

http://www.positioniseverything.net/articles/float-theory.html

..and this for more general stuff about positioning:

http://www.positioniseverything.net/articles/flow-pos.html

http//www.positioniseverything.net/

raza
Offline
newbie
Last seen: 13 years 5 weeks ago
Timezone: GMT+2
Joined: 2004-02-17
Posts: 4
Points: 0

&quot;nesting&quot; &lt;div&gt;..how do I put two next to ea

Try <div style="float:left;">left content</div> and <div style="float:right;">right content</div>.

You can put these inside a container to set the max width, or if you just want then side by side, you can use two float lefts.