Re: [WSG] Dropped DIV dilemma
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 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 **
RE: [WSG] Dropped DIV dilemma
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 **
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 **
RE: [WSG] Dropped DIV dilemma
Got it. It was the clearfix class applied to the content div directly above which contained no floated items. I'm sure something else has broken now but that's for another day. Thanks again. -Original Message- From: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED] On Behalf Of Paul Noone Sent: Tuesday, 20 December 2005 4:11 PM To: wsg@webstandardsgroup.org Subject: RE: [WSG] Dropped DIV dilemma 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 **
RE: [WSG] Dropped DIV dilemma
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 **
Re: [WSG] Dropped DIV dilemma
Paul Noone wrote: Problem: http://d81314.i50.quadrahosting.com.au/index.php?module=News&id=cntnt01&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 **
Re: [WSG] Dropped DIV dilemma
Why are you declaring position : relative; on regular divs (that should already be set to that?) Same with max-width : 100% on the #pagewidth, lots of unneeded styles here. I can't see exactly what it is off the top of my head, my advice would be to pull the widths and floats off the div's then rebuild them one by one and see if you can fix it that way. Samuel Paul Noone wrote: Problem: http://d81314.i50.quadrahosting.com.au/index.php?module=News&id=cntnt01&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!). This looks like a float/clearnace problem to me but I can't seem to nail it. I've spent too much time on this problem already by hacking away in FF's live CSS window but to no avail. Which leadds me to think the problem may be in the structure. If anyone would like to cast a fresh set of eyes over it I'd appreciate it. -- Paul A Noone Webmaster, ASHM [EMAIL PROTECTED] ** 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 **
Re: [WSG] Dropped DIV dilemma
Fix your validation to start with, that might help narrow it down a bit, might be missing a close tag or something.. Paul Noone wrote: Problem: http://d81314.i50.quadrahosting.com.au/index.php?module=News&id=cntnt01&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!). This looks like a float/clearnace problem to me but I can't seem to nail it. I've spent too much time on this problem already by hacking away in FF's live CSS window but to no avail. Which leadds me to think the problem may be in the structure. If anyone would like to cast a fresh set of eyes over it I'd appreciate it. -- Paul A Noone Webmaster, ASHM [EMAIL PROTECTED] ** 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 **
[WSG] Dropped DIV dilemma
Problem: http://d81314.i50.quadrahosting.com.au/index.php?module=News&id=cntnt01&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!). This looks like a float/clearnace problem to me but I can't seem to nail it. I've spent too much time on this problem already by hacking away in FF's live CSS window but to no avail. Which leadds me to think the problem may be in the structure. If anyone would like to cast a fresh set of eyes over it I'd appreciate it. -- Paul A Noone Webmaster, ASHM [EMAIL PROTECTED] ** The discussion list for http://webstandardsgroup.org/ See http://webstandardsgroup.org/mail/guidelines.cfm for some hints on posting to the list & getting help **