min-width CSS issue fix for Andreas04 template
Subscribe to the 
RSS Feed or by Email and receive free daily updates
One of the blog directories got back to me saying that my blog was not behaving well in IE. I am using Wordpress 2.0 along with Andreas04 2.0 by Tara Aukerman.
Myself being an avid FireFox user, had not done extensive testing on IE for my site. What was happening was that thing were getting squeezed when you decrease the width of the IE window and they were not even stopping at the min-width set to 760. The result was that all my sidebars used to drop out.
It seems that this due to difference in the way IE and FireFox understand min-width CSS property. I found a fix for it here.
Here is what you need to do:
1) Put the following style tags in your Style sheet file:
/* changes to fix the min-width problem */
.fixcontent {
border:0px solid #000;
padding:5px;
}
* html .minwidth {
padding-left:920px;
}
* html .fixcontainer {
margin-left:-920px;
position:relative;
}
/*\*/
* html .minwidth, * html .fixcontainer, * html .fixcontent,* html .fixlayout {
height:1px;
}
/**/
2) Modify the container id style so that min-width = 920 (you can choose any other number but make sure all .minwidth and .fixcontainer above have the same number (920 in this case)
3) Modify your index.php and Single.php files from the ThemeEditor on the Admin Panel to create nested divs like this:
<div id=”container”>
<div class=”minwidth”>
<div class=”fixlayout”>
<div class=”fixcontainer”>
<div class=”fixcontent”>
Make sure you close all the divs at the end of the page.
That should solve your problems and get you going. I hope that this fix is made an integral part of the template.
Technorati Tags: min-width, CSS issues in IE, Andreas theme, Wordpress
Popularity: 4% [?]
Subscribe to the RSS Feed or by Email and receive free daily updates
