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.
behind the design
My JavaScript book is out!
Don't miss the opportunity to upgrade your beginner or average dev skills.
add a footnote(fn) tag on that page.
ReplyDeletewich one ? :)
ReplyDeletehttp://www.devpro.it/examples/IE7/
ReplyDeleteadd a fn tag, IE don't know what it is.
uhm, is fn a standard tag ? I prefere to use only standards, that are what IE often doesn't know :)
ReplyDeleteOh, sorry!
ReplyDeletefn is NOT standard.
When I check I was faked by firefox.
well, if You have some other Idea, CSS or JS, please tell me :)
ReplyDeleteit's marvelous!!!
ReplyDeletelook 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!