#1
  1. No Profile Picture
    Registered User
    Devshed Newbie (0 - 499 posts)

    Join Date
    Dec 2010
    Posts
    3
    Rep Power
    0

    Text Selection Problem in Firefox/Chrome but not IE


    I do relatively simple websites and I did a simple one for a client of mine and have a problem selecting text in a column. The website is,

    jeffwalterssafety.com

    I can't seem to even touch the text. It acts like an "image" when looking at it in Firefox/Chrome but I can select it in IE 7.

    Be gentle in the site's criticism...

    Also let me know if it's necessary to have my CSS file here.

    Thanks
  2. #2
  3. Autodidact
    Devshed Novice (500 - 999 posts)

    Join Date
    Mar 2008
    Location
    Canada
    Posts
    741
    Rep Power
    837
    Hi, Jcouls29

    It's because the tag with the a5-content-center id is overlapping the left-floated column. Take out the left padding of 231px and you'll see what I mean.

    This has happened because you're positioning elements in the document, which breaks the natural flow of the layout. Stick to the float property.

    Judging by your generous and combined use of float and positioning, you're uncertain of the differences or when to use them. Have a look online for the differences. "Css positioning vs float" should turn up some worthwhile discussions on the matter.

    Don't be too self-conscious about it. Your skills will evolve.

    By the way, if you developed the site in IE first, change this habit. You should write and test all your code primarily in a browser that respects standards, like Firefox or Chrome, then test the site in IE and fix whatever bugs exist for it.
    Last edited by f_nietzsche; December 29th, 2010 at 10:35 PM.
    Soldiers, from the height of these pyramids forty centuries look down upon you.
    ▪ Napoleon, on the eve of the Battle of the Pyramids
  4. #3
  5. No Profile Picture
    Registered User
    Devshed Newbie (0 - 499 posts)

    Join Date
    Dec 2010
    Posts
    3
    Rep Power
    0
    Originally Posted by f_nietzsche
    Hi, Jcouls29

    It's because the tag with the a5-content-center id is overlapping the left-floated column. Take out the left padding of 231px and you'll see what I mean.

    This has happened because you're positioning elements in the document, which breaks the natural flow of the layout. Stick to the float property.

    Judging by your generous and combined use of float and positioning, you're uncertain of the differences or when to use them. Have a look online for the differences. "Css positioning vs float" should turn up some worthwhile discussions on the matter.

    Don't be too self-conscious about it. Your skills will evolve.

    By the way, if you developed the site in IE first, change this habit. You should write and test all your code primarily in a browser that respects standards, like Firefox or Chrome, then test the site in IE and fix whatever bugs exist for it.
    Thanks for the quick reply. Yea I based a lot of the way I designed it based on a mixture of a book I have and my lack of experience. I just made the layout work in whatever way possible. Luckily I'm using Dreamweaver CS4 which I have a master layout. I'll try to adjust it to work. Thanks again
  6. #4
  7. No Profile Picture
    Registered User
    Devshed Newbie (0 - 499 posts)

    Join Date
    Dec 2010
    Posts
    3
    Rep Power
    0
    Originally Posted by f_nietzsche
    Hi, Jcouls29

    It's because the tag with the a5-content-center id is overlapping the left-floated column. Take out the left padding of 231px and you'll see what I mean.

    This has happened because you're positioning elements in the document, which breaks the natural flow of the layout. Stick to the float property.

    Judging by your generous and combined use of float and positioning, you're uncertain of the differences or when to use them. Have a look online for the differences. "Css positioning vs float" should turn up some worthwhile discussions on the matter.

    Don't be too self-conscious about it. Your skills will evolve.

    By the way, if you developed the site in IE first, change this habit. You should write and test all your code primarily in a browser that respects standards, like Firefox or Chrome, then test the site in IE and fix whatever bugs exist for it.
    Quick Question: Do you know of any good books I can pick up to get a better understanding of CSS as a whole (or good sites). I'm willing to pay the money to have a good read sitting in front of me. Thanks again

IMN logo majestic logo threadwatch logo seochat tools logo