|
|
Posted by VUNETdotUS on 11/09/07 17:17
On Nov 9, 12:11 pm, VUNETdotUS <vunet...@gmail.com> wrote:
> On Nov 9, 11:47 am, Els <els.aNOS...@tiscali.nl> wrote:
>
>
>
> > VUNETdotUS wrote:
> > > Can anyone explain what IE 5 fudge from CSS below is? Why width? What
> > > about height?
>
> > sure :-)
>
> > > #right {
> > > position: absolute;
> > > top: 0px;
> > > right: 0px; /* Opera5.02 will show a space at right swhen there is no
> > > scroll bar */
> > > margin: 20px;
> > > padding: 10px;
> > > border: 5px solid #ccc;
> > > background: #666;
> > > width: 150px; /* ie5win fudge begins */
> > > voice-family: "\"}\"";
> > > voice-family:inherit;
> > > width: 120px;
> > > }
> > > html>body #right {
> > > width: 120px; /* ie5win fudge ends */
> > > }
>
> > IE5 uses a different box model than current browsers in standards
> > mode: where up-to-date browsers will calculate the border and padding
> > to be added to the width of an element, IE5 takes them off.
> > So, for IE7/Firefox, the padding of 10px left and right, plus the
> > borders of 5px each, will total 30px to be added to the 'usable' width
> > of the element (120px), and display it as a total of 150px wide.
> > IE5, needs to see width:150px, and it will then take the padding and
> > border width off, and also leave 120px for the content.
>
> > The fudge is where IE5 can't read it anymore. So, IE5 only sees
> > 'width:150px', and uses that style. It then stops reading till after
> > where the fudge ends.
>
> > Other browsers will not be fooled by the fudge, and see width:120px;,
> > which is what they should use, so everybody's happy.
>
> > Then there is the 'make Opera 5 happy rule', see the article you just
> > linked to in your reply to Jonathan.
>
> > For more combinations of hacks for different versions of different
> > browsers:http://centricle.com/ref/css/filters/
>
> > --
> > Els http://locusmeus.com/
>
> but if I use padding:0;margin:0; do I need that hack at all? And why
> IE5 needs 150px? Why not 160 for example? What is the rule of fudge
> hack?
Oh, I got it. 150 is width+margin+top. So, I do not need fudge hack if
padding, margin are 0...
Navigation:
[Reply to this message]
|