Re: [css-d] FF and IE problems
OK, Cheers I will remove all the table bit from around my layout and the just just the css to make the layout? Cheers, Andrew Alan K Baker wrote: Sorry, I haven't time to wade through entire stylesheets tonight, but assuming that your stylesheets don't do anything 'clever' with table definitions, it looks as if your divs are wrapped by table/table tags which AFAIK would follow each other in the HTML 'flow', so each table will appear below the last regardless of the fact that you have no TRs and TDs defined. This would invalidate your 'box model' flow styling. I suggest dumping all TABLE definitions unless you are truly using a table def for a real table, and use CSS to do all of your placement. Regards, Alan. www.theatreorgans.co.uk www.virtualtheatreorgans.com Admin: Conn Artistes, UKShopsmiths, 2nd Touch AP Groups Shopsmith 520 bits Flatulus Antiquitus - Original Message - From: Andrew Doades To: Alan K Baker Cc: css-d@lists.css-discuss.org Sent: Thursday, April 03, 2008 10:34 PM Subject: Re: [css-d] FF and IE problems In my css file: #sidebar { float:left; width:165px; border: 3px solid #aaa; background-color: #eee; margin:2px; padding: 1em; } #content-main { float:none; width:100%; } then in my template I just put that links and that in a div id=sidebar and a content-main one for content __ 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/ __ 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/
[css-d] FF and IE problems
On my site I have a sidebar that is set to float left, and then content that is set to float none. This works and looks fine in FireFox but in IE the content slips below the sidebar? I have tried a number of different css moves and html moves but keeps resulting in the same problem please help, Andrew __ 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/
Re: [css-d] FF and IE problems
On 03-Apr-08, at 10:59 PM, Andrew Doades wrote: On my site I have a sidebar that is set to float left, and then content that is set to float none. This works and looks fine in FireFox but in IE the content slips below the sidebar Without a URI, it is difficult to pinpoint the problem affecting your construction. However, the numerous layouts available here [1] provide a stable base on which you may build - both two and three column layouts are available; fixed, fluid-width and many permutations thereof. Best, - Rahul. [1] http://blog.html.it/layoutgala/ __ 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/
Re: [css-d] FF and IE problems
Andrew Doades wrote: In my css file: #sidebar { float:left; width:165px; border: 3px solid #aaa; background-color: #eee; margin:2px; padding: 1em; } #content-main { float:none; width:100%; } then in my template I just put that links and that in a div id=sidebar and a content-main one for content As Alan Baker said we need to see some working code to truly be correct. This css. #content-main { float:none; width:100%; /* hasLayout trigger */ } Is simply. #content-main {} Since a div is always 100% of it containing block [1] when in normal flow [2]. What you are seeing in IE5, IE6 or IE7 is I think the affects of hasLayout [3]. Remove the width:100% from #content-main and IE should behave itself. [1] http://www.w3.org/TR/CSS21/visuren.html#containing-block [2] http://www.w3.org/TR/CSS21/visuren.html#block-formatting [3] http://www.satzansatz.de/cssd/onhavinglayout.html Alan http://css-class.com/test/ __ 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/
Re: [css-d] FF and IE problems
Nope, I removed that width control from the css but still IE is refusing to show it correctly, I did use FireBug in FireFox to check this out and FireBug seems to agree that it's ok! Is this an IE problem, like the Microsoft way to be a pain, or am I missing something!? Alan Gresley wrote: Andrew Doades wrote: In my css file: #sidebar { float:left; width:165px; border: 3px solid #aaa; background-color: #eee; margin:2px; padding: 1em; } #content-main { float:none; width:100%; } then in my template I just put that links and that in a div id=sidebar and a content-main one for content As Alan Baker said we need to see some working code to truly be correct. This css. #content-main { float:none; width:100%; /* hasLayout trigger */ } Is simply. #content-main {} Since a div is always 100% of it containing block [1] when in normal flow [2]. What you are seeing in IE5, IE6 or IE7 is I think the affects of hasLayout [3]. Remove the width:100% from #content-main and IE should behave itself. [1] http://www.w3.org/TR/CSS21/visuren.html#containing-block [2] http://www.w3.org/TR/CSS21/visuren.html#block-formatting [3] http://www.satzansatz.de/cssd/onhavinglayout.html Alan http://css-class.com/test/ __ 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/ __ 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/
Re: [css-d] FF and IE problems
Nope, I removed that width control from the css but still IE is refusing to show it correctly, I did use FireBug in FireFox to check this out and FireBug seems to agree that it's ok! Is this an IE problem, like the Microsoft way to be a pain, or am I missing something!? BTW, Alan when I send mail to you, I get it bounced back with some random error! Alan Gresley wrote: Andrew Doades wrote: In my css file: #sidebar { float:left; width:165px; border: 3px solid #aaa; background-color: #eee; margin:2px; padding: 1em; } #content-main { float:none; width:100%; } then in my template I just put that links and that in a div id=sidebar and a content-main one for content As Alan Baker said we need to see some working code to truly be correct. This css. #content-main { float:none; width:100%; /* hasLayout trigger */ } Is simply. #content-main {} Since a div is always 100% of it containing block [1] when in normal flow [2]. What you are seeing in IE5, IE6 or IE7 is I think the affects of hasLayout [3]. Remove the width:100% from #content-main and IE should behave itself. [1] http://www.w3.org/TR/CSS21/visuren.html#containing-block [2] http://www.w3.org/TR/CSS21/visuren.html#block-formatting [3] http://www.satzansatz.de/cssd/onhavinglayout.html Alan http://css-class.com/test/ __ 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/ __ 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/
Re: [css-d] FF and IE problems
Andrew Doades wrote: Nope, I removed that width control from the css but still IE is refusing to show it correctly, I did use FireBug in FireFox to check this out and FireBug seems to agree that it's ok! Without a link we have know idea what IE is doing. Which versions of IE are you referring to anyway? They will all show differences depending on the layout. I can give you plenty of reasons why IE misbehaves but a 1000 plus links will be a bit overwhelming. If you can't provide a link you need to explain in precise detail what IE? is not showing correctly. Alan http://css-class.com/test/ __ 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/
Re: [css-d] FF and IE problems
Sorry, I haven't time to wade through entire stylesheets tonight, but assuming that your stylesheets don't do anything 'clever' with table definitions, it looks as if your divs are wrapped by table/table tags which AFAIK would follow each other in the HTML 'flow', so each table will appear below the last regardless of the fact that you have no TRs and TDs defined. This would invalidate your 'box model' flow styling. I suggest dumping all TABLE definitions unless you are truly using a table def for a real table, and use CSS to do all of your placement. Regards, Alan. www.theatreorgans.co.uk www.virtualtheatreorgans.com Admin: Conn Artistes, UKShopsmiths, 2nd Touch AP Groups Shopsmith 520 bits Flatulus Antiquitus - Original Message - From: Andrew Doades To: Alan K Baker Cc: css-d@lists.css-discuss.org Sent: Thursday, April 03, 2008 10:34 PM Subject: Re: [css-d] FF and IE problems In my css file: #sidebar { float:left; width:165px; border: 3px solid #aaa; background-color: #eee; margin:2px; padding: 1em; } #content-main { float:none; width:100%; } then in my template I just put that links and that in a div id=sidebar and a content-main one for content __ 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/
Re: [css-d] FF and IE problems
Now that's what I call a useful resource. Amazing how these little gems appear just when you need them. Thanks Rahul. :-) Regards, Alan. www.theatreorgans.co.uk www.virtualtheatreorgans.com Admin: Conn Artistes, UKShopsmiths, 2nd Touch AP Groups Shopsmith 520 bits Flatulus Antiquitus - Original Message - From: Rahul Gonsalves To: Andrew Doades Cc: css-d@lists.css-discuss.org Sent: Thursday, April 03, 2008 7:08 PM Subject: Re: [css-d] FF and IE problems ..However, the numerous layouts available here [1] provide a stable base on which you may build - both two and three column layouts are available; fixed, fluid-width and many permutations thereof. Best, - Rahul. [1] http://blog.html.it/layoutgala/ __ 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/