Sent by CJ Larson on 11 January 2006 20:08
> I am still chipping away at my first css page and I now have the
layout
> sorted - it looks fine in both FF and Opera but I get minor
differences when
> viewed in IE (all on Windows XP Pro) - I would like to correct if
possible.
>
> Page is at http://www.samatason.co.uk/clients/tc/index.php and
> Css is at http://www.samatason.co.uk/clients/tc/css/tc.css
>
> I would appreciate if any one could identify either the bug(s) I am
> experiencing or problems with my css (both index.php and tc.css
validate but
> of course that doesn't mean all is ok!)
> I forgot to mention the differences...
>
> 1. Extra space at the bottom of the page under the "find" button.
> 2. "just ask" shifted to the right.
1. your clearing div is adding to that extra space. I prefer to use
the easy clearing method described in the wiki. Option #2 here:
http://css-discuss.incutio.com/?page=ClearingSpace
2. not only is "just ask" "shifted right", the paragraph is as well.
Using the ie "DevToolBar" to outline <div> tags and then using MODI to
hover over things, I not only triggered a guillotine effect (caused by
MODI, so don't worry) but I could see that the numbers to your list are
outside of the area the rest of that column takes up. Taking out the
margin/padding on the <ul> moved that text to line up with the rest of
your column. Keep in mind that lists act a little different that is
sometimes intuitive and you might need to mess around with paddings and
margins to get them to line up how you think they should be.
hth
______________________________________________________________________
css-discuss [EMAIL-REMOVED]]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
