I’m working on a small commercial website and running into a few CSS issues which I sure could use a little help corralling, if anyone out there can help.
First, IE doesn’t respect the min-height property. Oh well, one could rant or rave but with little practical application. Scoble suggests a one pixel wide image and it does the job, I suppose, but really violates my sense of (err) propriety. I’d really like to find a CSS-based solution.
Next, when I set the width for a <div> which is only one line long to 100%, the displayed width of the element varies (wildly) depending on the text used. Even though none of the possible texts are anywhere near as long as the linewidth. Why and how do I avoid this? Two examples are <p>[Products]</p> and <p>[Consulting]</p>. Setting the width to a specific pixel count doesn’t have this problem but then I get into a guessing game as to just what number to use. (The CSS is {position: relative; margin: 0; background-color: lightblue; width: 671px; font-size: 75%;}, although the margin: 0 doesn’t really do anything but that’s another story.)
Similarly, if I set <body> to have a width of, say, 685px in the stylesheet and then set another style, used to control a <div>, to the exact same number, how come the body is wider than the div? (I can tell by setting a border around the body). Strangely, a different div using a different style but also with width set to that same number, does stretch to the size of <body>.
Thanks for the assist, Rob.
BillSaysThis 