Register

If this is your first visit, please click the Sign Up now button to begin the process of creating your account so you can begin posting on our forums! The Sign Up process will only take up about a minute of two of your time.

Results 1 to 10 of 10
  1. #1
    Senior Member aeroweb99's Avatar
    Join Date
    Feb 2008
    Location
    Port Huron, Michigan
    Posts
    1,037
    Member #
    16468
    Liked
    1 times
    I have a 3 column layout and my right column is offset to the left by about 13px in IE6. I have a margin-right set to 13px but it looks perfect in every other browser. I have tried messing with the css with the middle column and the right column and it looks good in IE7, Firefox, and Safari. Not IE6. I am trying to line them up with a color bar on top of each div, (you will see what I mean). I would put those color bars inside the divs but they are part of a template that I don't really want to alter if I can help it. Maybe I should float the divs all left?

    Here is the link http://aerowebbuilder.com I have a css link in the footer.

    Thank You

  2.  

  3. #2
    WDF Staff mlseim's Avatar
    Join Date
    Apr 2004
    Location
    Cottage Grove, Minnesota
    Posts
    7,733
    Member #
    5580
    Liked
    718 times
    Arrange them logically left, middle, right
    instead of left, right, middle

    and yes, float them all left.


  4. #3
    Senior Member aeroweb99's Avatar
    Join Date
    Feb 2008
    Location
    Port Huron, Michigan
    Posts
    1,037
    Member #
    16468
    Liked
    1 times
    Thanks, I will do that. When is it correct to code the middle after the left and right?

  5. #4
    Senior Member aeroweb99's Avatar
    Join Date
    Feb 2008
    Location
    Port Huron, Michigan
    Posts
    1,037
    Member #
    16468
    Liked
    1 times
    Thanks mlseim that worked like a charm. The divs were so much more easily manueverable and did exactly what I wanted them to. Thank You

  6. #5
    Senior Member
    Join Date
    Jun 2005
    Location
    Atlanta, GA
    Posts
    4,146
    Member #
    10263
    Liked
    1 times
    It's very rarely a good idea to do left and right before middle. From the point of view of a visually impaired user or a search engine, it might be a better idea to have the middle first if it contains the main content of the page.

    That said, most people just code left-middle-right. Those who advocate semantic markup argue that things should be presented with the most important data first, which is typically the content. Basically, that your page should look like a regular page with no menu-style links, except for the end. I don't really know how much I agree with that, but it's true that if you code it this way then your layout (left-middle-right column) influences your code (which is coded in that order). Still, that's not a huge deal.

  7. #6
    Senior Member aeroweb99's Avatar
    Join Date
    Feb 2008
    Location
    Port Huron, Michigan
    Posts
    1,037
    Member #
    16468
    Liked
    1 times
    If I code the middle first, with no margin or width specified, will the middle data automatically flow in between the left and right divs, provided they are floated left and right and specify a width and leave enought room for content? I'm too chicken to test this out with my page as I have it the way I want it now and I don't want to screw it up! Thanks

  8. #7
    Senior Member
    Join Date
    Jun 2005
    Location
    Atlanta, GA
    Posts
    4,146
    Member #
    10263
    Liked
    1 times
    I don't know for sure; worth looking at is checking this out with Firebug. Just make a copy of your page, apply the same stylesheet, but change the order of the two. Also, when developing code, consider using a version control tool such as Bazaar so as to avoid these fears. You can look at version control tools as a big `undo' button but for your entire codebase.

  9. #8
    Senior Member aeroweb99's Avatar
    Join Date
    Feb 2008
    Location
    Port Huron, Michigan
    Posts
    1,037
    Member #
    16468
    Liked
    1 times
    Thanks a lot, I'll check those out

  10. #9
    WDF Staff mlseim's Avatar
    Join Date
    Apr 2004
    Location
    Cottage Grove, Minnesota
    Posts
    7,733
    Member #
    5580
    Liked
    718 times
    One good thing to try with your website ....

    remove this line:
    <link href="main_style.css" rel="stylesheet" type="text/css" />

    ... and display your page.

    That will give you an idea of what a "page reader" will see,
    for a visually impaired person. If the content is logical and
    flows in a readable manner, you're on the right track.

    I'm guilty of making sites that don't render good for the disabled ...
    something I'm trying to get better at doing.


  11. #10
    Senior Member aeroweb99's Avatar
    Join Date
    Feb 2008
    Location
    Port Huron, Michigan
    Posts
    1,037
    Member #
    16468
    Liked
    1 times
    Yeah, when you do that, it makes you realize the importance of the "alt" attribute too. Everything looked ok, it was all pushed to the left and everything stacked on eachother but there wasn't anything crazy going on. Interesting, Thanks


Remove Ads

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •  
All times are GMT -6. The time now is 08:23 AM.
Powered by vBulletin® Version 4.2.3
Copyright © 2019 vBulletin Solutions, Inc. All rights reserved.
vBulletin Skin By: PurevB.com