Sent by Alan Gresley on 24 April 2009 18:06
Anne E. Shroeder wrote:
> I'm using the technique described here:
> http://webdevtips.co.uk/webdevtips/style/border.shtml to accomplish rounded
> borders on this somewhat complex design - the client is insistent on fixed
> heights, so it's been quite a trick. The problem now is that the top right
> corner seems to be repeating itself and the bottom left and right corners
> are not showing up at all in IE6:
>
> http://www.language-works.com/SmartSign/template_frames2.htm
[...]
>
> Anne
Hello Anne.
This page has many problems in IE6, one is that div#column3 has
completely dropped below the main content. There are also problems in
IE7. The initial problem area is in or surrounding the form in the 1st
columns.
#column1 #login {
background-color:#FEFEFE;
width: 191px;
margin: 0 7px 19px 8px;
padding:0;
}
#column1 form {
margin:-6px 8px 22px 8px;
}
Changing a width and a margin seems to bring IE6 under some control.
BTW, this is a hack fixed since I do not know what is quite happening.
You have stirred that cauldron of bugs that is IE6. :-)
* html #column1 #login { /* target IE6 */
width: 178px;
}
* html #column1 form { /* target IE6 */
margin-right:-4px;
}
Next changing overflow:auto to overflow:hidden remove the scrollbar in IE6.
#column2 #newsBlurbs {
height:352px;
padding: 5px 10px 5px 2px;
overflow:hidden; /* change for IE6 */
}
Next changing the margin-right on div#column3 (partially removing the
float) brings div#column3 up in the correct place.
* html #column3 {
margin-right:-29px;
}
This does not solve the problems that you state. Here is a little demo
with the hacks for IE6.
<http://css-class.com/x/eO.htm>
Something is causing some overflow of the background for div#column3.
Maybe correcting those 45 validation errors in the XHTML may help here.
Also, at this moment IE6 and IE7 are not handling those negative margins
on the list
#column3 ul li {
margin-left:-28px;
margin-top:-10px;
}
and this causes div#column3 to have greater height which effects the
positioning of the rounded corners at the bottom of div#column3. I will
take a greater look later.
--
Alan http://css-class.com/
Armies Cannot Stop An Idea Whose Time Has Come. - Victor Hugo
______________________________________________________________________
css-discuss [EMAIL-REMOVED]]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
