[css-d] Clear: Both DIV misbehaving in IE7

2009-03-16 Thread Chris Knowles
Hello, I have a page structure which contains a left and right floated div side-by-side with a third div that spans them both below using the clear: both property. All three divs contain separate background images and were displaying correctly in FF3 and IE7. However, when I have attempted to

Re: [css-d] Clear: Both DIV misbehaving in IE7

2009-03-16 Thread Gunlaug Sørtun
Chris Knowles wrote: This problem is only occurring in IE7, the page displays as I would expect in both FF3, Safari and Chrome. Will need live example in order to debug. IE7 has too many clear related bugs. You can look for something similar to your problem, and possible solutions to it,

Re: [css-d] Clear: Both DIV misbehaving in IE7

2009-03-16 Thread David Laakso
Chris Knowles wrote: Hello, I have a page structure which contains a left and right floated div side-by-side with a third div that spans them both below using the clear: both property. However, when I have attempted to nest two new divs inside the third div (the one with the clear: both

Re: [css-d] Clear: both Problem?

2007-01-19 Thread Richard Brown
Hi All On 17/01/07, Richard Brown [EMAIL PROTECTED] wrote: Site is: http://www.nanadobbie.com/ CSS is: http://www.nanadobbie.com/includes/templates/nanadobbie/css/stylesheet.css Many thanks for the help so far. Just to reiterate. I started with a three column design, content in the

Re: [css-d] Clear: both Problem?

2007-01-17 Thread ~davidLaakso
Richard Brown wrote: Hi All On 16/01/07, Richard Brown [EMAIL PROTECTED] wrote: Site is: http://www.nanadobbie.com/ CSS is: http://www.nanadobbie.com/includes/templates/nanadobbie/css/stylesheet.css In the meantime I have created icons for the navigation but am still

Re: [css-d] Clear: both Problem?

2007-01-17 Thread Roger Roelofs
Richard, On Jan 17, 2007, at 2:31 AM, Richard Brown wrote: Site is: http://www.nanadobbie.com/ CSS is: http://www.nanadobbie.com/includes/templates/nanadobbie/css/ stylesheet.css In the meantime I have created icons for the navigation but am still experiencing problems getting the icons

Re: [css-d] Clear: both Problem?

2007-01-17 Thread ~davidLaakso
~davidLaakso wrote: Richard Brown wrote: Hi All On 16/01/07, Richard Brown [EMAIL PROTECTED] wrote: Site is: http://www.nanadobbie.com/ CSS is: http://www.nanadobbie.com/includes/templates/nanadobbie/css/stylesheet.css In the meantime I have created icons for

Re: [css-d] Clear: both Problem?

2007-01-16 Thread Richard Brown
Hi All On 15/01/07, ~davidLaakso [EMAIL PROTECTED] wrote: Richard Brown wrote: This site works as a home page: http://www.nanadobbie.com/ Either you've fixed this or I am out to lunch. I do not understand what it is supposed to do that it is not doing? BTW, I think there may be an error

Re: [css-d] Clear: both Problem?

2007-01-16 Thread Richard Brown
Hi All On 16/01/07, Richard Brown [EMAIL PROTECTED] wrote: Site is: http://www.nanadobbie.com/ CSS is: http://www.nanadobbie.com/includes/templates/nanadobbie/css/stylesheet.css Many thanks for the help so far. Just to reiterate. I started with a three column design, content in the left

Re: [css-d] Clear: both Problem?

2007-01-15 Thread ~davidLaakso
Richard Brown wrote: This site works as a home page: http://www.nanadobbie.com/ but as soon as I navigate to a category we get this: http://www.nanadobbie.com/index.php?main_page=indexcPath=1 It is Zen-Cart based template using this design as a starter: http://www.nanadobbie.com/index.html

[css-d] Clear: both Problem?

2007-01-14 Thread Richard Brown
Hi All Could you help me with a little problem I am having please? This site works as a home page: http://www.nanadobbie.com/ but as soon as I navigate to a category we get this: http://www.nanadobbie.com/index.php?main_page=indexcPath=1 It is Zen-Cart based template using this design as a

[css-d] Clear: both

2006-10-30 Thread Richard Brown
Hi I am using div style=clear:both; to clear floats. But in my design the div adds a space between the other divs which is frustrating. The site is at: http://www.tregrehan.co.uk/?page_id=6 Basically the image of the letter needs to butt up against each other and also the nav bar. The css is at:

[css-d] Clear: both

2006-10-30 Thread Richard Brown
Hi I am using div style=clear:both; to clear floats. But in my design the div adds a space between the other divs which is frustrating. The site is at: http://www.tregrehan.co.uk/?page_id=6 Basically the image of the letter needs to butt up against each other and also the nav bar. The css is at:

Re: [css-d] Clear: both

2006-10-30 Thread Gunlaug Sørtun
Richard Brown wrote: http://www.tregrehan.co.uk/?page_id=6 Basically the image of the letter needs to butt up against each other and also the nav bar. The following I found in your stylesheet... img { padding: 10px; } ...creates the spacing. Change or delete that declaration, or give the

Re: [css-d] Clear: both

2006-10-30 Thread Richard Brown
Hi All On 30/10/06, Gunlaug Sørtun [EMAIL PROTECTED] wrote: Richard Brown wrote: http://www.tregrehan.co.uk/?page_id=6 Basically the image of the letter needs to butt up against each other and also the nav bar. The following I found in your stylesheet... img { padding: 10px; }

Re: [css-d] Clear: both

2006-10-30 Thread francky
Richard Brown wrote: Hi I am using div style=clear:both; to clear floats. But in my design the div adds a space between the other divs which is frustrating. The site is at: http://www.tregrehan.co.uk/?page_id=6 Basically the image of the letter needs to butt up against each other and also the

Re: [css-d] Clear: both

2006-10-30 Thread francky
Richard Brown wrote: Hi All On 30/10/06, Gunlaug Sørtun [EMAIL PROTECTED] wrote: Richard Brown wrote: http://www.tregrehan.co.uk/?page_id=6 Basically the image of the letter needs to butt up against each other and also the nav bar. The following I found in your

Re: [css-d] clear: both + negative margin -- should it do anything?

2006-02-03 Thread Philippe Wittenbergh
On 3 Feb 2006, at 4:42 pm, Christian Montoya wrote: In my test case above, Firefox (1.5) and Safari (1.0 and up) are correct. Now that I see the latest standard, I concur. At least, as far as I can interpret it, that is: clear means add to the top margin a value equal to the height of the

Re: [css-d] clear: both + negative margin -- should it do anything?

2006-02-03 Thread Ingo Chao
Philippe Wittenbergh wrote: http://dev.l-c-n.com/_temp/clear-marginTop.php ... In my test case above, Firefox (1.5) and Safari (1.0 and up) are correct. Firefox 1.0 does a slight poopoo with the neg. margin. IE 6 Win is half correct (test 2 and 3), probably more by accident. As for

Re: [css-d] clear: both + negative margin -- should it do anything?

2006-02-03 Thread Lori Hylan-Cho
For anyone who's interested, I put up a test page with screenshots There is no test case there, only screen shots. Sorry for the confusing terminology; I didn't mean that the page had a test case. (I'm trying to compare different browser renderings for a project I'm working on, so

Re: [css-d] clear: both + negative margin -- should it do anything?

2006-02-02 Thread Lori Hylan-Cho
IMHO, the bug filer's conclusion is backwards; it seems totally logical to me that setting a top margin on the clear that's larger than the size of the floats would in effect result in a margin of [margin as set] - [height of float]. For anyone who's interested, I put up a test page with

Re: [css-d] clear: both + negative margin -- should it do anything?

2006-02-02 Thread Philippe Wittenbergh
On 3 Feb 2006, at 2:26 am, Lori Hylan-Cho wrote: IMHO, the bug filer's conclusion is backwards; it seems totally logical to me that setting a top margin on the clear that's larger than the size of the floats would in effect result in a margin of [margin as set] - [height of float]. For

Re: [css-d] clear: both + negative margin -- should it do anything?

2006-02-02 Thread Christian Montoya
On 2/2/06, Philippe Wittenbergh [EMAIL PROTECTED] wrote: In my test case above, Firefox (1.5) and Safari (1.0 and up) are correct. Now that I see the latest standard, I concur. At least, as far as I can interpret it, that is: clear means add to the top margin a value equal to the height of the

[css-d] clear: both + negative margin -- should it do anything?

2006-02-01 Thread Lori Hylan-Cho
I'm looking at a bug report[1] regarding margins and clears, and I'm wondering if it's really a bug at all. Since the spec says that when clear is applied, the top margin of the generated box is increased enough that the top border edge is below the bottom outer edge of any [left|right] floating

Re: [css-d] clear: both + negative margin -- should it do anything?

2006-02-01 Thread Christian Montoya
On 2/1/06, Lori Hylan-Cho [EMAIL PROTECTED] wrote: Since the spec says that when clear is applied, the top margin of the generated box is increased enough that the top border edge is below the bottom outer edge of any [left|right] floating boxes that resulted from elements earlier in the

Re: [css-d] clear: both + negative margin -- should it do anything?

2006-02-01 Thread Lori Hylan-Cho
The way the spec puts it, it sounds like doing a clear basically gives the box a top margin auto equal to the height of the box it's clearing. Changing that margin to -1px seems like you would be taking away the top margin, and thus would be counter intuitive? Yeah, that's what I was