internet-explorer-6

I have a div tag styled through CSS. I set the padding to 10px (padding:10px), it works just as I wanted in Firefox and IE7, but in IE6 it adds additional padding at the bottom (about 2-3px I think). Anyone has idea about what's happening here? [update] I just noticed this, the div tag I'm talking about has a background-image. When I removed the background-image, the extra padding on the bottom disappears. Any ideas? [another update, code sample] Here's the CSS applied to my div tag: .user-info{ margin-top: 20px; margin-right: 20px; padding: 10px; background-image: url("../img/user_panel_bg

So who doesn't have issues with ie7 ? It seems that I cannot get ie7 to recognize some data. I have created a wordpress theme for a client of mine, and this allows them to put in extra information in the wordpress meta fields through the admin so they can display extra info. I have written a small jQuery script that looks at an images alt and title to gather this info and write it into a div. Below is my script. <script type="text/javascript"> //<![CDATA[ jQuery(document).ready(function(){ var title = jQuery('.attachment-post-thumbnail').attr('title'); var alt = jQuery('.attachment-post

Custom data attributes: http://dev.w3.org/html5/spec/Overview.html#embedding-custom-non-visible-data When I say “work”, I mean, if I’ve got HTML like this: <div id="geoff" data-geoff="geoff de geoff"> will the following JavaScript: var geoff = document.getElementById('geoff'); alert(geoff.dataGeoff); produce, in IE 6, an alert with “geoff de geoff” in it? You can retrieve values of custom (or your own) attributes using getAttribute . Following your example with <div id="geoff" data-geoff="geoff de geoff"> I can get the value of data-geoff using var geoff = document.getElementById("geoff");

Usability aside: What is the fastest way to create a select tag with 5'000 option elements in IE6 from JavaScript? Dr.Molle Short test: Collecting a innerHTML-string first and inject it to the document: around 300ms appending options to an existing select-element using new Option(): around 25 sec KooiInc Appending options via DOM methods will cause a reflow/repaint of the screen for every option, slowing it all down. Using innerHTML after building a string (in memory) for your select is much faster (as Dr Molle told). An alternative to both methods would be to create an in memory

i want to declare a style different to ie6 and ie7 , but my condition in css recognized by IE7 as IE6. I use XP and explorer 7. This the code i use : <!--[if !IE]> #mainDiv{text-align:-moz-center;} #skyBanner {top:0px;left:0px; position:fixed;visibility:hidden;} <![endif]--> <!--[if lt IE 7]> body > #skyBanner { position: fixed;} #skyBanner {position:absolute;visibility:hidden; left: expression( ( 0 + ( ignoreMe2 = document.documentElement.scrollLeft ? document.documentElement.scrollLeft : document.body.scrollLeft ) ) + 'px' ); top: expression( ( 0 + ( ignoreMe = document.documentElement

I have been working on this for a little while, and I have also searched stackoverflow, but couldn't find an answer. Here's what I'm trying to do: #container { margin: 0 auto; width: 950px; opacity: .5; filter: alpha(opacity = 50); background: #fff; filter: alpha(opacity=50); -moz-opacity: 0.5; -khtml-opacity: 0.5; opacity: 0.5; } But it doesn't work for me in using IETester. The other versions display it correctly, IE6 does not. So, where is the bug? What have I missed ? For IE 6 and 7, try the following: filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=50); Source . 来源： https:/

I have a page where there is a column and a content div, somewhat like this: <div id="container"> <div id="content">blahblahblah</div> <div id="column"> </div> </div> With some styling I have an image that is split between the column and the content but needs to maintain the same vertical positioning so that it lines up. Styling is similar to this: #column { width:150px; height:450px; left:-150px; bottom:-140px; background:url(../images/image.png) no-repeat; position:absolute; z-index:1; } #container { background:transparent url(../images/container.png) no-repeat scroll left bottom; position