|
IE's Overflow and Width Calculation
Hello, my username is ThirdQED. It has been about a year since I last visit this site. Anyhow, as I was fixing my profile layout, I run into a few problems:
-----
Problem #1: Long links breaks my column layout:
--IE doesn't support Overflow.
**Temporary Fix: Overflow replaced with word-wrap.
-----
Problem #2: Major web browsers' differences in calculating widths:
--IE calculate everything from margins to padding into the total of a property.
--Other major browsers calculate the width of div boxes by taking the width property value PLUS margins, padding and borders.
**Temporary Fix: Fixed by applying div within div.
Meaning I applied something like this example (sorry if the code fails to show up):
CSS:
.thrColFixHdr #upperbar {
font: 75% Verdana, Arial, Helvetica, sans-serif;
float: right;
width: 760px;
background: <--color4-->;
margin: 0px 0px 10px 5px;
color: <--color5-->;
}
.thrColFixHdr #upperbarin {
padding: 15px 10px 15px 20px;
}
Apply:
<div id="upperbar">
<div id="upperbarin"><h1>About Me</h1>
<p><--bio--></p>
<br /><hr class="thin">
<!-- end #upperbar --></div></div>
-----
Of course both are just temporary fixes for now. Do you know of a better way to fix these problems? If you do, please do teach me. I've been trying to look for alternative fixes but not much luck :-( Also, the fixes don't have to be compatible with IE6 and FF2 or below. I am looking at anything that works with IE 7+, FF 3+, Safari 4+, and Chrome 4+.
Thanks in advanced, and my profile URL is [Link](Mouse over link to see full location) .
I wish all web browsers just use a standard rule :-)
[ ]
Want to answer more questions in the Technology category?
Maybe give some free advice about: Internet & Web Design?
Yeah, web development sucks. I now try to avoid it as much as possible since it frustrates me so much.
I used conditional comments on my column to fix IE's nonsense. You have to use non-standards-compliant "<!...>" tags, but the stuff that Advicenators adds gives you no hope of ever being compliant, anyway.
A disturbingly-high percentage of Advicenators users use IE6, so I'd try to support that if possible.
]
More Questions: |