Dreamweaver cs3 extra side table

revenue · #1 (**permalink**) 03-27-2008, 04:04 PM

Hey everyone, can someone help me on this.
I have my template with Navbar and top element in it even the center table with its content in, but I just can't seem to place that extra table next to the existing one. Im trying to put it to the right of the one thats already there.

I am using CSS and float right, top, and align right commands haven't worked not even VALIGN, I even tried pasting it in key areas of the code even with th or tr commands and by the way I did order that Dreamweaver CS3 for dummies book.

I mean Im getting around DW CS3 fairly well for just having it for like 3 days but let me tell I've tried whatever I could try even adding and extra column and inserting the table in there but nada.

lisa · #2 (**permalink**) 03-27-2008, 10:30 PM

Let me just make sure I understand. You are trying to float another table to the right of your center table?

revenue · #3 (**permalink**) 03-28-2008, 06:26 PM

Basically I guess yes, I mean I kinda figured out already. Its a coinsidence how I try all sorts a things for hours and sometimes days before I post a question but then end up figuring it out after I post, plus my DW 4 dummies hasn't got here yet. But whether it floats to the right of my center T or sits adjacently beside it, yes I would like to know your method of doing it, probably the best method.

I just want to fill the page's width and have that last table do it for seperate content, I seen u did it on one or both of your sites. I was gonna copy and paste your source code off your site to solve the issue but I think the CSS style kinda twists me up since I've been more familiar with HTMLing.

lisa · #4 (**permalink**) 03-28-2008, 07:58 PM

Here's the basic CSS I used to get the right column to float. It's easier for me to just post what I did rather than try to explain why yours won't work. I'm still learning myself so I'm not good at troubleshooting CSS just yet.

Code:

<body> 
<div id="container">
<div id="header">
<div id="leftnav">
<div id="sidebar"> (This is my right sidebar)
<div id="content">
</body>

The CSS attributes for my right sidebar are as follows...

Code:

#sidebar {
    padding: 10px;
    float: right;
    width: 130px;
    background-color: #F2F4CA;

Of course the width numbers are going to vary for you. I just had to keep playing around until everything fit the way I want it. You just have to remember if you use padding then you have to add those padding numbers onto the width.

In other words if your entire site is 850 pixels and you have your left nav set to 130 with 10 pixels of padding, then your left column is really 140 pixels (130 + 10 + 10) so you need to keep that in mind when trying to get everything to fit.

Not sure if that helped or confused you even more. LOL

WB Sponsors