My JavaScript book is out! Don't miss the opportunity to upgrade your beginner or average dev skills.

Monday, October 23, 2006

Some valid reason to hate IE7

I don't like IE, and I don't like new 7 version too and I would like to create a page that will work with every other updated browser but obviously not with IE7 ... our new web development bottleneck !!!

P.S. Please, Microsoft, remove IE7 as default browser from Windows Vista when it will be available ... and let users choose the best way to surf the web 2.0, thank you.

7 comments:

kentaromiura said...

add a footnote(fn) tag on that page.

Andrea Giammarchi said...

wich one ? :)

kentaromiura said...

http://www.devpro.it/examples/IE7/
add a fn tag, IE don't know what it is.

Andrea Giammarchi said...

uhm, is fn a standard tag ? I prefere to use only standards, that are what IE often doesn't know :)

kentaromiura said...

Oh, sorry!
fn is NOT standard.
When I check I was faked by firefox.

Andrea Giammarchi said...

well, if You have some other Idea, CSS or JS, please tell me :)

kentaromiura said...

it's marvelous!!!
look at this simple css

*
{
border:0;
margin:0;
padding:0;
}
div,p,span{font-family:Verdana,Georgia,Sans-serif; color:#666666;}

p{
padding:0.1em;
padding-top:0.5em;padding-bottom:1em;
}

body{
margin:0 auto;
padding:0;
font:76% Verdana,Tahoma,Arial,sans-serif;
background:#f4f4f4 url(../Images/bg.gif) top center repeat-y;
color:#ffffff;
}


#content{
margin:0 0 20px 160px;
border-left:1px solid #f0f0f0;
border-right:1px solid #f0f0f0;
padding:0 10px 0 10px;
line-height:1.7em;
text-align:justify;
margin-top:150px;

}

#content{
position:relative;
top:-100px;
}



ul{
font:8pt;
list-style-type:square;
font-weight:bold;
padding-left:20px;

}

the trigger of all is the second #content.

look at this html!

<div id="content">
<p><span class="h2evident">Mirror Bug</span></p>
<p>Mirror Effect:</p>
<ul>
<li>a</li>
<li></li>
<li></li>
<li></li>
</ul>
<p>this is a paragraph with some glitches, depending of a width of this text, or maybe, if this line wrap into a next line.I don't personally know why!<br/>Now follow</p>
<p>Text Overlapped</p>
<ul>
<li>Only for demonstrate the mirror Bug<li>
</ul>
<p> </p>
<p>.</p>
</div>

see the mirror effect?
you can play a lot with this css,or trying to add/remove text to see different results!