[css-d] IE 7 and floats... yawn

2010-09-23 Thread Mark Finney
Hi List, Been a while since I've been about on this list, and indeed dealing with these kind of problems so thanks in advance for any advice you might give! I develop a web app on Linux for use in a controlled environment (users all use firefox/opera - it's a beautiful thing!). Unfortunately I

Re: [css-d] IE 7 and floats... yawn

2010-09-23 Thread David Laakso
On 9/23/10 6:37 AM, Mark Finney wrote: I develop a web app on Linux for use in a controlled environment (users all use firefox/opera - it's a beautiful thing!). Unfortunately I am now trying to make it functional in IE (7 and up - although I will probably do some testing on 6 we won't be

Re: [css-d] IE 7 and floats... yawn

2010-09-23 Thread Mark Finney
In IE 6/7 the containing division needs an implicit width set: /*7.0*/ *:first-child + html div {width : 350px; } /*6.0*/ * html div {width : 350px; } reference :: on having layout http://www.satzansatz.de/cssd/onhavinglayout.html Best, ~d -- :: desktop and mobile ::

Re: [css-d] IE 7 and floats... yawn

2010-09-23 Thread David Laakso
On 9/23/10 7:42 AM, Mark Finney wrote: Slightly confused though - setting the width does solve the problem by fixing the width of the containing division so the p only stretches that far but that removes the point of floating that div in the first place. What I want (if it is possible) is to

Re: [css-d] IE 7 and floats... yawn

2010-09-23 Thread Alan Gresley
Mark Finney wrote: In IE 6/7 the containing division needs an implicit width set: /*7.0*/ *:first-child + html div {width : 350px; } /*6.0*/ * html div {width : 350px; } reference :: on having layout http://www.satzansatz.de/cssd/onhavinglayout.html Best, ~d -- :: desktop and mobile ::

Re: [css-d] IE 7 and floats... yawn

2010-09-23 Thread Mark Finney
css style type=text/css html, body { background : #fff; color : #000; margin : 0; } body { font : 100%/1.4 arial, sans-serif; } p {text-align : left;} a {position: absolute; top: 0; right:0; } div {float: left;  position: relative;} /style Best, ~d Yeah, that does it... thanks,

Re: [css-d] IE 7 and floats... yawn

2010-09-23 Thread David Laakso
On 9/23/10 9:20 AM, Mark Finney wrote: css style type=text/css html, body { background : #fff; color : #000; margin : 0; } body { font : 100%/1.4 arial, sans-serif; } p {text-align : left;} a {position: absolute; top: 0; right:0; } div {float: left; position: relative;} /style Best, ~d

Re: [css-d] IE 7 and floats... yawn

2010-09-23 Thread Mark Finney
Anyway, since you do have floats, you have quite a few bugs happening at once. The fix up, is not nice. *:first-child+html p {margin: 1em 0; width: 13em;} *:first-child+html p a {margin-top: -1.2em;} -- Alan http://css-class.com/ Armies Cannot Stop An Idea Whose Time Has Come. - Victor