SitePoint Sponsor

User Tag List

Results 1 to 4 of 4
  1. #1
    SitePoint Enthusiast
    Join Date
    Jul 2004
    Location
    Austin Texas
    Posts
    57
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)

    Float Problems - Win I.E. (barnburner site)

    Hey all. I am working on a mac and only have back and forth use of a windows machine.

    I just recently re designed http://www.thebarnburner.com/ .

    I have found out that the floats are breaking in Windows I.E. all versions.

    The CSS can be viewed at http://www.thebarnburner.com/css/master.css .

    Any help would be appreciated in pinpointing the problem.

  2. #2
    The CSS Clinic is open silver trophybronze trophy
    Paul O'B's Avatar
    Join Date
    Jan 2003
    Location
    Hampshire UK
    Posts
    40,478
    Mentioned
    182 Post(s)
    Tagged
    6 Thread(s)
    Hi,

    have found out that the floats are breaking in Windows I.E. all versions.
    I think you'll have to be a bit more specific as I am not seeing float breaking (whatever that means) problems in IE.

    All I notice is that the header is a bit odd and that you have used a crazy centering routine for the page that effectively renders 50% of your content unreachable at small screen sizes. The page slides off to the left and beyond and of course there is no scrollbar on that side so the content is unreachable and anyone with a setting less than 940px will have half a page only.


    Here is a fix for the header and the centering.

    Code:
    #wrap {
        width: 940px;
        position: relative;
        margin:auto;
        padding: 15px;
        background-color: #E0D9B8;
        }
    #wrap_inner {
        background-color: #F3F0D9;
        padding: 15px;
        min-height:0;/* haslayout ie7*/
        }
    * html #wrap_inner{height:1%}/* haslayout ie6*/
    Hope that helps

  3. #3
    SitePoint Enthusiast
    Join Date
    Jul 2004
    Location
    Austin Texas
    Posts
    57
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)

    Did you check it in Firefox?

    To see what it really is supposed to look like view it in firefox. Basically there is a tan border all the way around. I guess I could have just added a border all the way around avoiding an inner div all together.

    The centering method is an alternative to margin: auto and text-align: center

    Meanwhile, I'll try the fixes.

  4. #4
    The CSS Clinic is open silver trophybronze trophy
    Paul O'B's Avatar
    Join Date
    Jan 2003
    Location
    Hampshire UK
    Posts
    40,478
    Mentioned
    182 Post(s)
    Tagged
    6 Thread(s)
    The centering method is an alternative to margin: auto and text-align: center
    No its not an alternative in any sense and should not be used. It is an old method that was badly thought out and belongs in the dustbin I'm afraid. Don't use it ever again It has such major accessiblitiy issues that is
    should never have been described in the first place.

    Did I say that firm enough

    To see what it really is supposed to look like view it in firefox.
    No you view it in Firefox and the tell me in detail what is wrong with it. You are the one asking for help so don't make me work on your behalf. Its your site and you are familiar with how it looks but to someone like me looking for the first time its difficult to spot what you mean and now instead of "broken floats" that you first described you are mentioning borders!

    Depsite all the above comments I have in fact given you the correct answer and if you apply my fixes it will sort out the problems.

    Remember that we are looking at 20 or 30 sites a day and if the question isn't clear enough then we'll move on to a post where good information is provided.

    Help us to help you


Bookmarks

Posting Permissions

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