RE: [WSG] Problems with floats in IE

[Tatham Oddie]

All fixed... Check out the site on:

http://members.stansw.asn.au/testdrive/

Thanks all - Stuart in particular - for helping me out on this issue.


-Original Message-
From: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED] On
Behalf Of Kornel Lesinski
Sent: Thursday, 10 March 2005 9:34 AM
To: wsg@webstandardsgroup.org
Subject: Re: [WSG] Problems with floats in IE


>> Stuart, I regret to say Opera7.54u2 is not happy with it.

> fieldset p {
>  clear: both;
> }

BTW: Latest Opera 8 beta has issue with floating fieldsets fixed (well,  
mostly).

-- 
regards, Kornel Lesiski

**
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] Problems with floats in IE

[Kornel Lesinski]

Stuart, I regret to say Opera7.54u2 is not happy with it.

fieldset p {
 clear: both;
}
BTW: Latest Opera 8 beta has issue with floating fieldsets fixed (well,  
mostly).

--
regards, Kornel Lesiński
**
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] Problems with floats in IE

[Stuart Homfray]

David Laakso wrote:
Stuart, I regret to say Opera7.54u2 is not happy with it.
Best,
~david
Absolutely - well spotted!! ;) (grins sheepishly)
Seriously, stupid of me not to have checked before posting - the 
fieldset isn't clearing the submit button.

I noticed that Tatham has an empty paragraph within the fieldset: if 
this is going to be utilised somewhere down the line, you could simply 
clear that -

fieldset p {
clear: both;
}
Just added it to style sheet posted previously!
regards,
Stuart
**
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] Problems with floats in IE

[David Laakso]

On Wed, 09 Mar 2005 17:07:28 +, Stuart Homfray  
<[EMAIL PROTECTED]> wrote:
[...]
Have a look at:
>
(CSS: )
As to why it seems to work, I have no idea. Anyone?
HTH
Stuart
Stuart, I regret to say Opera7.54u2 is not happy with it.
Best,
~david
--
de gustibus non est disputandum
http://www.dlaakso.com/
**
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] Problems with floats in IE

[Stuart Homfray]

Tatham Oddie wrote:
> Having a small problem with a page (of course the problem is only in
> IE6)… basically the floated fieldsets are causing the top left corner of
> the white box to fall out of position. Otherwise everything seems fine.
(Whoops, only replied to Tatham instead of the list!!)
Just had another bit of a play with your HTML and CSS... try out the 
following (look! no hacks!)

HTML
1. Move form tags INSIDE the 'contentInnermost' container
2. remove the clearing block 'clearer' completely
3. remove the 'sidebarBlock' class from both fieldset tags and apply to 
the form tag

CSS
1. add a footer rule:
  div#footer {
 clear: both;
  }
2. Within the 'Sidebar Styles' section of your style sheet, change 
fieldset.sidebarBlock to form.sidebarBlock

Now, you'll see the page is almost right - the only problem in IE6 is 
the 'content' container seems to be ignoring the 25px left-hand margin. 
The fix? Add

  padding-bottom: 1px;
to the 'div#content' rule.
Have a look at:

(CSS: )
As to why it seems to work, I have no idea. Anyone?
HTH
Stuart
**
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: Re[2]: [WSG] Problems with floats in IE

[Tatham Oddie]

Stuart,

Thanks for your idea… I’m going to try and get
Chris’ to work first because I think it’s a cleaner solution. If
necessary I’ll fall back to yours though.

 

Chris,

Using clear: left certainly fixes it, but then my forms
stack horizontally across the page. Somehow I need a clear: right or clear:
both rule in there, however both of these break the page.

Any suggestions?

I don’t even understand how the floats are affecting
the left-position of the parent box…

 

Thanks!









From:
[EMAIL PROTECTED] [mailto:[EMAIL PROTECTED] On Behalf Of Chris Dawes
Sent: Wednesday, 9 March 2005 1:30
AM
To: Stuart Homfray
Subject: Re[2]: [WSG] Problems
with floats in IE



 

Hello Stuart,

 

Hello Tatham,

 

use clear: left;

 

    /* Sidebar Styles */

fieldset.sidebarBlock,

div.sidebarBlock

{

       display: block;

       

       width: 300px;

 

       float: right;

       clear: left;
<<---

       

       margin: 10px 0 0
15px;

}

 

Wednesday, March 9, 2005, 1:21:18 AM, you wrote:

 

 

> A quick answer would be to create a new left-hand side image with an

> extra 25px(?) of the grey gradient background on the left, and then set

> the horizontal background position to -25px(?) on decent browsers, eg.

 

> Firefox, et al.

>   background-position: -25px 0;

 

> IE6

>   background-position: 0 0;

 

> Maybe use the 'underscore hack' (_background-position: 0 0;) to feed the

>   declaration to IE6 (invalidate your CSS) or use MS conditional comments.

 

> It may not be pretty, there may well be a better way, but it works (at

> least on Firefox and IE6!)

 

> cheers,

 

> Stuart

 

> Tatham Oddie wrote:

>> Hey boys/girls,

>> 

>> Having a small problem with a page (of course the problem is only in

>> IE6)… basically the floated fieldsets are causing the top left corner of

>> the white box to fall out of position. Otherwise everything seems fine.

>> 

>> Would a few people who are good at IE hacks / floats mind looking at:

>> 

>> http://members.stansw.asn.au/testdrive/

>> 

>> Thanks in advance! As always, any other comments are appreciated too.

>>  

>> 

>> Thanks,

>> 

>> Tatham Oddie

>> 

>> Fuel Advance

>> 

 

 

 

 

-- 

Best regards,

 Chrismailto:[EMAIL PROTECTED]

Re[2]: [WSG] Problems with floats in IE

[Chris Dawes]

Hello Stuart,

Hello Tatham,

use clear: left;

    /* Sidebar Styles */
fieldset.sidebarBlock,
div.sidebarBlock
{
       display: block;
       
       width: 300px;

       float: right;
       clear: left; <<---
       
       margin: 10px 0 0 15px;
}

Wednesday, March 9, 2005, 1:21:18 AM, you wrote:


> A quick answer would be to create a new left-hand side image with an
> extra 25px(?) of the grey gradient background on the left, and then set
> the horizontal background position to -25px(?) on decent browsers, eg.

> Firefox, et al.
>   background-position: -25px 0;

> IE6
>   background-position: 0 0;

> Maybe use the 'underscore hack' (_background-position: 0 0;) to feed the
>   declaration to IE6 (invalidate your CSS) or use MS conditional comments.

> It may not be pretty, there may well be a better way, but it works (at
> least on Firefox and IE6!)

> cheers,

> Stuart

> Tatham Oddie wrote:
>> Hey boys/girls,
>> 
>> Having a small problem with a page (of course the problem is only in
>> IE6)… basically the floated fieldsets are causing the top left corner of
>> the white box to fall out of position. Otherwise everything seems fine.
>> 
>> Would a few people who are good at IE hacks / floats mind looking at:
>> 
>> http://members.stansw.asn.au/testdrive/
>> 
>> Thanks in advance! As always, any other comments are appreciated too.
>>  
>> 
>> Thanks,
>> 
>> Tatham Oddie
>> 
>> Fuel Advance
>> 




-- 
Best regards,
 Chrismailto:[EMAIL PROTECTED]

Re: [WSG] Problems with floats in IE

[Stuart Homfray]

A quick answer would be to create a new left-hand side image with an 
extra 25px(?) of the grey gradient background on the left, and then set 
the horizontal background position to -25px(?) on decent browsers, eg.

Firefox, et al.
 background-position: -25px 0;
IE6
 background-position: 0 0;
Maybe use the 'underscore hack' (_background-position: 0 0;) to feed the 
 declaration to IE6 (invalidate your CSS) or use MS conditional comments.

It may not be pretty, there may well be a better way, but it works (at 
least on Firefox and IE6!)

cheers,
Stuart
Tatham Oddie wrote:
Hey boys/girls,
Having a small problem with a page (of course the problem is only in 
IE6)… basically the floated fieldsets are causing the top left corner of 
the white box to fall out of position. Otherwise everything seems fine.

Would a few people who are good at IE hacks / floats mind looking at:
http://members.stansw.asn.au/testdrive/
Thanks in advance! As always, any other comments are appreciated too.
 

Thanks,
Tatham Oddie
Fuel Advance
--
===
= El Bombin
http://elbombin.stuarthomfray.co.uk
 Stuart Homfray
 http://www.stuarthomfray.co.uk
===
**
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] Problems with floats in IE

[Tatham Oddie]

Hey boys/girls,

 

Having a small problem with a page (of course the problem is
only in IE6)… basically the floated fieldsets are causing the top left
corner of the white box to fall out of position. Otherwise everything seems
fine.

 

Would a few people who are good at IE hacks / floats mind
looking at:

 

http://members.stansw.asn.au/testdrive/

 

Thanks in advance! As always, any other comments are
appreciated too.

 

 

 

 

Thanks,

 

Tatham Oddie

Fuel Advance