Hello and welcome to our community! Is this your first visit?
Register
Enjoy an ad free experience by logging in. Not a member yet? Register.
Results 1 to 7 of 7
  1. #1
    Regular Coder
    Join Date
    Apr 2010
    Posts
    214
    Thanks
    116
    Thanked 1 Time in 1 Post

    Having issues getting center Div aligned properly, please help

    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

    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
    Attached Thumbnails Attached Thumbnails Having issues getting center Div aligned properly, please help-div.jpg  

  • #2
    Senior Coder
    Join Date
    Aug 2010
    Location
    High Point, NC
    Posts
    3,332
    Thanks
    5
    Thanked 363 Times in 360 Posts
    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.

  • Users who have thanked teedoff for this post:

    BlackReef (11-04-2010)

  • #3
    Regular Coder
    Join Date
    Apr 2010
    Posts
    214
    Thanks
    116
    Thanked 1 Time in 1 Post
    Quote Originally Posted by teedoff View Post
    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

  • #4
    Senior Coder
    Join Date
    Aug 2010
    Location
    High Point, NC
    Posts
    3,332
    Thanks
    5
    Thanked 363 Times in 360 Posts
    Quote Originally Posted by BlackReef View Post
    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.

  • Users who have thanked teedoff for this post:

    BlackReef (11-04-2010)

  • #5
    Senior Coder
    Join Date
    Sep 2010
    Posts
    1,899
    Thanks
    15
    Thanked 226 Times in 226 Posts
    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.

  • Users who have thanked DrDOS for this post:

    BlackReef (11-04-2010)

  • #6
    Regular Coder
    Join Date
    Apr 2010
    Posts
    214
    Thanks
    116
    Thanked 1 Time in 1 Post
    Thanks guys I got it figured out. I just needed to step away from the Computer and come back with a fresh mind!

  • #7
    Senior Coder
    Join Date
    Sep 2010
    Posts
    1,899
    Thanks
    15
    Thanked 226 Times in 226 Posts
    Quote Originally Posted by BlackReef View Post
    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.


  •  

    Posting Permissions

    • You may not post new threads
    • You may not post replies
    • You may not post attachments
    • You may not edit your posts
    •