...

View Full Version : Having issues getting center Div aligned properly, please help



BlackReef
11-03-2010, 09:22 PM
Hello,

I am attempting to put together a 3-div sitemap at the bottom of this website.

Since I couldn't figure out how to break a single div into columns, I decided to make (3) separate divs. The left div has a float: left, the right div is a float:right, but the middle div had to be manually positioned between them.

Here is what I am talking about (please see bottom of page):

http://www.reddotoptics.com/store/pc/home.asp (http://www.reddotoptics.com/store/pc/home.asp)

Now, it appears fine in the browser but I know something must not be right, because in my WYSIWYG editor, (DWCS3) the Div is way up in the right hand side. I have attached a screenshot of what I am referring to as reference.

Finally, here is the actual CSS code, maybe the experts here can see where I went wrong:


#wrapper #footer .left {
height: 250px;
width: 300px;
float: left;
padding: 10px;
color: #8D7E5F;
font-size: 11px;
}
#wrapper #footer .middle {
height: 250px;
position: relative;
padding: 10px;
font-size: 11px;
color: #8D7E5F;
width: 300px;
bottom: 260px;
left: 350px;
}
#wrapper #footer .right {
height: 250px;
width: 300px;
float: right;
position: relative;
padding: 10px;
bottom: 270px;
font-size: 11px;
color: #8D7E5F;
}


Thank you very much for your help

teedoff
11-03-2010, 09:28 PM
Does your page display properly in all major browsers? Dreamweaver I think has a tendancy to display divs out of sequence. I think the newer versions that have the "live view" feature work better.

BlackReef
11-03-2010, 09:35 PM
Does your page display properly in all major browsers? Dreamweaver I think has a tendancy to display divs out of sequence. I think the newer versions that have the "live view" feature work better.

Yes, I have checked the site in Firefox, IE and Chrome, it appears fine in all of them but the div is way out of place in DW

teedoff
11-03-2010, 09:38 PM
Yes, I have checked the site in Firefox, IE and Chrome, it appears fine in all of them but the div is way out of place in DW

Also check your page in as far back as IE6. Believe it or not some ppl still use IE6. Again, CS3 didnt have a "live view" like CS4 or CS5 does. So in design view some elements may seem out of place(flow) of the document. You cant go by that when judging whether your site looks right or not.

I will say, you do have a few coding validation errors, most of which are hte use of non web safe characters. If possible, you should fix those. You can validate here (http://validator.w3.org).

DrDOS
11-03-2010, 09:39 PM
Don't worry about how they look in the editor, you're the only one looking at it that way. It's how they look in Firefox, IE, Opera, Chrome and Safari that matters.

As far as making them behave, just give them all the same class name, they can also carry an ID, and float that class left ( or right ) and they will line up beside each other nicely if they have enough room.

BlackReef
11-04-2010, 12:57 AM
Thanks guys I got it figured out. I just needed to step away from the Computer and come back with a fresh mind!

DrDOS
11-04-2010, 01:47 AM
Thanks guys I got it figured out. I just needed to step away from the Computer and come back with a fresh mind!Sometimes that the best method for solving a problem.



EZ Archive Ads Plugin for vBulletin Copyright 2006 Computer Help Forum