Skip to content
  • Categories
  • Recent
  • Tags
  • Popular
  • World
  • Users
  • Groups
Skins
  • Light
  • Cerulean
  • Cosmo
  • Flatly
  • Journal
  • Litera
  • Lumen
  • Lux
  • Materia
  • Minty
  • Morph
  • Pulse
  • Sandstone
  • Simplex
  • Sketchy
  • Spacelab
  • United
  • Yeti
  • Zephyr
  • Dark
  • Cyborg
  • Darkly
  • Quartz
  • Slate
  • Solar
  • Superhero
  • Vapor

  • Default (No Skin)
  • No Skin
Collapse
Code Project
  1. Home
  2. Web Development
  3. min-width and IE6

min-width and IE6

Scheduled Pinned Locked Moved Web Development
docker
3 Posts 2 Posters 0 Views 1 Watching
  • Oldest to Newest
  • Newest to Oldest
  • Most Votes
Reply
  • Reply as topic
Log in to reply
This topic has been deleted. Only users with topic management privileges can see it.
  • M Offline
    M Offline
    Matt Newman
    wrote on last edited by
    #1

    I need a div to grow as the text size is increased for accessibility purposes. I got it working fairly well using IE7, but the page has 3-times the hits in IE6. The solutions I have discovered so far are using a percentage of a containing div for the width (ie width: 90%, where I want it to be at least 90% of the container - which pretty much works), and an invisible element that is the minimum width i need. That way the div can grow if need be, but the div will never get smaller than the invisible item. These ideas seem pretty hackish and I would rather have a clean solution (if its possible). I am interested to know if anyone has any better solutions.

    Matt Newman

    S 1 Reply Last reply
    0
    • M Matt Newman

      I need a div to grow as the text size is increased for accessibility purposes. I got it working fairly well using IE7, but the page has 3-times the hits in IE6. The solutions I have discovered so far are using a percentage of a containing div for the width (ie width: 90%, where I want it to be at least 90% of the container - which pretty much works), and an invisible element that is the minimum width i need. That way the div can grow if need be, but the div will never get smaller than the invisible item. These ideas seem pretty hackish and I would rather have a clean solution (if its possible). I am interested to know if anyone has any better solutions.

      Matt Newman

      S Offline
      S Offline
      Shog9 0
      wrote on last edited by
      #2

      You can sometimes get by with something along the lines of width: expression(clientWidth < 200 ? 200 : 'auto'); Falls apart pretty easily, but in tightly-controlled scenario it can suffice.

      ----

      It appears that everybody is under the impression that I approve of the documentation. You probably also blame Ken Burns for supporting slavery.

      --Raymond Chen on MSDN

      M 1 Reply Last reply
      0
      • S Shog9 0

        You can sometimes get by with something along the lines of width: expression(clientWidth < 200 ? 200 : 'auto'); Falls apart pretty easily, but in tightly-controlled scenario it can suffice.

        ----

        It appears that everybody is under the impression that I approve of the documentation. You probably also blame Ken Burns for supporting slavery.

        --Raymond Chen on MSDN

        M Offline
        M Offline
        Matt Newman
        wrote on last edited by
        #3

        Shog9 wrote:

        You can sometimes get by with something along the lines of width: expression(clientWidth < 200 ? 200 : 'auto'); Falls apart pretty easily, but in tightly-controlled scenario it can suffice.

        Eeesh, Looks like there isn't a "good" solution to this problem... Stupid IE6

        Matt Newman

        1 Reply Last reply
        0
        Reply
        • Reply as topic
        Log in to reply
        • Oldest to Newest
        • Newest to Oldest
        • Most Votes


        • Login

        • Don't have an account? Register

        • Login or register to search.
        • First post
          Last post
        0
        • Categories
        • Recent
        • Tags
        • Popular
        • World
        • Users
        • Groups