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 2 of 2
  1. #1
    New to the CF scene
    Join Date
    Jul 2007
    Posts
    2
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Trying to Convert from Tables to Divs

    I have been at this for 2 full days now and can't seem to get the positioning correct. My site is www.Yodyo.com, If you look at it in Firefox the top works, if you look at it in IE the alignment is all screwy. Plus the Users Online Block is way bigger then its set for. I can't figure it out, and I was suggested to try and switch from tables to divs for several reasons, so now I am trying that but I am having a few problems getting the divs set up correctly.

    Here is what I currently have in terms of CSS and DIVS

    Code:
    <style type="text/css" media="screen"><!--body {
        margin: 0px;
        padding: 0px;
    }
    div#header {
        clear: both;
        height: 50px;
        background-color: aqua;
        padding: 1px;
    }
    div#left {
        float: left;
        width: 275px;
        background-color: red;
    }
    div#right {
        float: right;
        width: 225px;
        background-color: green;
    }
    div#middle {
        padding: 0px 160px 5px 160px;
        margin: 0px;
        background-color: silver;
    }
    div#footer {
        clear: both;
        background-color: yellow;
    }--></style>
    Code:
    <body>
    <div id="header">
        <h1>Header</h1>
    </div>
    <div id="left">
    			Port side text...
    </div>
    <div id="right">
    			Starboard side text...
    </div>
    <div id="middle">
        Middle column text...
    </div>
    <div id="footer">
        Footer text...
    </div>
    </body>
    My problem is I can't figure out how to set up the header like the current yodyo.com (looks in firefox) header is set up using the divs. I think it would be like this

    Categories ---------------Blank Space---------RSS Feeds Images
    Logo-----------[[[[[[[[[[[[[[[[[Google Ad]]]]]]]]]]]]]]]]]]]]]]]]]]]]
    Search------------------{{{{{{{{{{{{Log In Section}}}}}}}}}}

    Any tips?

  • #2
    Senior Coder twodayslate's Avatar
    Join Date
    Mar 2007
    Location
    VA
    Posts
    1,042
    Thanks
    67
    Thanked 39 Times in 39 Posts
    twitter | Quality Hosting - $5.95/mo*
    Feel free to PM me!


  •  

    Posting Permissions

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