John Franks wrote:
> I have a strange IE7 css problem, where the slim <legend> tags with their
> green backgrounds on this page
> http://www.mrskibbles.co.uk/?page=shop.registration are sitting in 7px in
> from the left than they need to be. They should line up with the main
> "Register" <h1> at the top of the main donut, and do in all of the five main
> browsers including IE8 - but not in IE7 where they indent (I am not trying
> for any compatibility with IE6 so that is not needed).
>
> I will of course post all of the code below
Please don't. However, for those among us who still dwell in the Middle
Ages and don't use the fancy tools you suggest, pointing in your post to
the relevant css file and line number you think is relevant, helps [
sort of ].
> if someone requests, but it would hope it would be just as easy to check the
> code using something like Firefox or Chromes Inspect Element etc.
>
> The css for the actual legend is:
> form.johnRegForm legend { background-color:#62A868; border:2px solid #4B8750;
> width:558px; height:25px; line-height:1.8; padding:0 0 0 8px;
> text-align:left; color:#fff; font-weight:bold; margin:0; }
>
> After two hours of searching I just can't find where the indent is coming
> from.
>
> Thanks for any help in advance. John.
>
>
I do not have any version of IE on-board at the moment, so since there
have been no other replies, I'll hazard a guess :-) .
Try:
default.css
line number 326
*:first-child+html form.johnRegForm legend {background-color:fuchsia;
margin-left: -7px; }/*for IE/7.0*/
Best,
Carmina Burana
<http://www.youtube.com/watch?v=p9eEwsGPf3s&feature=related>
--
http://chelseacreekstudio.com/
______________________________________________________________________
css-discuss [[email protected]]
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/
