I've found the majority of IE hacks can be avoided by nesting padded
boxes inside boxes with widths rather then trying to combine them, it
does create extra markup but it is easier to read and understand if you
or someone else has to make changes later.
The only IE bug I seem to run into regularly now is the extra 3px float
gap (when a float : left; sidebar and margin-lefted content to create
the illusion of a dual column layout pushes the content div over and
extra 3px from what is specified in the margin-left) this actually one
of the more common reasons for a float drop in IE when you have pixel
perfect layouts.
I've also seen an alternative to the <div style="clear : both;" />
method of doing columns, I think it involved overflows set on your
floated divs, I could dig it up for you if you want to have a look at it
but like most new CSS hacks it often interferes with other things on the
page.
It's always been my experience that it is better to have extra markup on
your page that avoids the need to use hacks, sure your page size will be
a bit bigger but your code will be easier to read and you'll avoid the
need to pile hacks upon hacks to get your page to look correct.
Paul Noone wrote:
Thanks Samuel.
I'd actually considered the fixes quite minimal. Apart from a couple of IE
hacks, the only 'fix' in place is the mighty clearfix class for float
clearing.
If you have any suggestions on how the CSS can be minimised I'd be very
grateful if you'd share them. Almost everything I know about CSS can be
attributed to positive feedback from this list.
--
Paul A Noone
Webmaster, ASHM
[EMAIL PROTECTED]
-----Original Message-----
From: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED]
On Behalf Of Samuel Richardson
Sent: Tuesday, 20 December 2005 4:24 PM
To: wsg@webstandardsgroup.org
Subject: Re: [WSG] Dropped DIV dilemma
If you have to have that many fixes in place for a page that is that simple
then your doing something wrong.
Paul Noone wrote:
Cheers all. I know there's a lot to wde through but most of the fixes,
widths and relative positions in place were put in to fix other problems in
the first instance.
As you say, getting rid of the clearfix solves that particular problem but
causes others. Definitely a clearing problem then.
What's bugging me is that it was all working just fine until recently.
Now...what the hell did I change? Will keep slogging away at it.
I've closed the input tags and all validates again. Thanks.
-----Original Message-----
From: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED]
On Behalf Of Bert Doorn
Sent: Tuesday, 20 December 2005 3:49 PM
To: wsg@webstandardsgroup.org
Subject: Re: [WSG] Dropped DIV dilemma
Paul Noone wrote:
Problem:
http://d81314.i50.quadrahosting.com.au/index.php?module=News&id=cntnt0
1&cntn
t01action=detail&cntnt01articleid=8&cntnt01returnid=11
The Site Updates div gets pushed way down the page. And I've got no
idea why/ Strangely all is well in IE (with all the hacks in place I'd
hope so!).
There's a lot of css to wade through, but as far as I can tell, your
clearfix class is the cause of the problem. Removing that class (in
Firefox
dev toolbar, to test my theory) stops it dropping down, although it causes
problems elsewhere.
With so many divs, classes and id's that's about the only thing I can
figure
out.
Regards
--
Bert Doorn, Better Web Design
http://www.betterwebdesign.com.au/
Fast-loading, user-friendly websites
******************************************************
The discussion list for http://webstandardsgroup.org/
See http://webstandardsgroup.org/mail/guidelines.cfm
for some hints on posting to the list & getting help
******************************************************
******************************************************
The discussion list for http://webstandardsgroup.org/
See http://webstandardsgroup.org/mail/guidelines.cfm
for some hints on posting to the list & getting help
******************************************************
******************************************************
The discussion list for http://webstandardsgroup.org/
See http://webstandardsgroup.org/mail/guidelines.cfm
for some hints on posting to the list & getting help
******************************************************
******************************************************
The discussion list for http://webstandardsgroup.org/
See http://webstandardsgroup.org/mail/guidelines.cfm
for some hints on posting to the list & getting help
******************************************************
******************************************************
The discussion list for http://webstandardsgroup.org/
See http://webstandardsgroup.org/mail/guidelines.cfm
for some hints on posting to the list & getting help
******************************************************
