Re: [css-d] 100% DIV height in Firefox 2.0

[Gunlaug Sørtun]

Matt Fielding wrote:
> The problem I am having is that my div container in Firefox 2.0 is 
> not spanning the length of the window by default when using height: 
> 100% on the container itself, and all parent containers.

> http://mattu.isa-geek.com

Firefox (and other good browsers) will calculate 'height: 100%' on any
container from its parent. You have forgotten to declare height on
div.shadow, so div.container defaults to 'height: auto'.

Now, if you add the following...

div.shadow {height: 100%; display: table; width: 810px; margin: 0 auto;
border: solid 1px red;}

div.container {display: table;}

...you'll get an immediate, and positive, reaction from Firefox (and
other good browsers). Firefox is slightly behind since (I think) it
supports CSS2 for 'display: table', while Opera and Safari seems to
support css2.1 for that property and expands all elements completely.
Doesn't make much of a difference in most cases.

The important parts are 'height: 100%; display: table;' on div.shadow,
and 'display: table;' on div.container. I put in the rest just for
appearance.

Note that 'height: 100%' not only makes an element expand to that
height, it also _limits_ it to that height. There's where 'display:
table' comes in handy, since that property effectively turns 'height:
100%' into 'min-height: 100%' so the element can keep on expanding if
there's more content.


IE6 will work fine with the additions above - because of its
'auto-expansion' bug. Mode doesn't matter since you have the old
centering-method in there too.

I don't know how IE7 will react, since the 'auto-expansion' bug is
"fixed" (they say) in that version, but IE7 doesn't support the CSS2/2.1
property 'display: table'.
Here's the test-version...

...so maybe someone will inform me..?

regards
Georg
-- 
http://www.gunlaug.no
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7 information -- http://css-discuss.incutio.com/?page=IE7
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

[css-d] Youtube object does not float with IE

[Peter Jessop]

Hello everyone. My name is Peter Jessop this my first posting to this list.

I have embedded a YouTube object and floated it to the left.
It works on Opera and Firefox but *not on IE*. I have reproduced
Below is the code. Any help greatly appreciated.

*HTML*

http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd";>
http://www.w3.org/1999/xhtml";>


Untitled Document




alsk jak fasdklf adsf dslf añsdf sdaf sdhttp://www.youtube.com/v/LYH_ttW0xLo";>http://www.youtube.com/v/LYH_ttW0xLo";
type="application/x-shockwave-flash" width="425"
height="350"> kadsf kadsf skadf sdfkadsf kadsf skadf
sdfkadsf kadsf skadf sdfkadsf kadsf skadf sdfkadsf kadsf skadf sdfkadsf
kadsf skadf sdfkadsf kadsf skadf sdfkadsf kadsf skadf sdfkadsf kadsf skadf
sdfkadsf kadsf skadf sdfkadsf kadsf skadf 





*CSS *testvid.css

object {
/* video image */
float: left;

}

Thanks

Peter Jessop
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7 information -- http://css-discuss.incutio.com/?page=IE7
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

[css-d] 100% DIV height in Firefox 2.0

[Matt Fielding]

The problem I am having is that my div container in Firefox 2.0 is not
spanning the length of the window by default when using height: 100% on the
container itself, and all parent containers. It works just fine in IE7,
surprisingly, but firefox is giving my problems. Firefox seems to work fine
when in quirks mode, but once I assign the XHTML 1.0 doctype, it no longer
works, but that is when IE7 starts to work. Help please!

Page:
http://mattu.isa-geek.com
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7 information -- http://css-discuss.incutio.com/?page=IE7
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Re: [css-d] horizontal centering in IE

[Jehangir Larry]

>David Laakso wrote on 17/01/2007:
>Larry, I will reply directly to you off-list this evening or in the 
>morning-- straight out at the moment...
>Regards,
>David
>-- 
>http://chelseacreekstudio.com/

I wish to record my deep appreciation and very grateful thanks to David for 
an 'out of this world' experience. he has been incredibly patient and walked 
not just an extra mile, but several miles.
Also, Georg and Molly t.c. - a big thanks.
Best,
Larry

__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7 information -- http://css-discuss.incutio.com/?page=IE7
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Re: [css-d] So close, but yet so far. divs disappearing in main content + faux column hidden.

[~davidLaakso]

Christopher Blake wrote:
> http://www.neilp.newwavemedia.co.uk/index2.html   (and it's  
> attached sheet)http://www.neilp.newwavemedia.co.uk/stylefile/ 
> style2.css
>
> http://www.neilp.newwavemedia.co.uk/index3.html(and it's  
> attached sheet)http://www.neilp.newwavemedia.co.uk/stylefile/ 
> style3.css
>
> Christopher Blake
With regard only to the validation part of your post:
Tidy Online  will point out and correct most 
if not all of the validation errors (it is important to make a backup 
copy of any file prior to running Tidy). Run the 'Tidied' file through 
the the w3c markup validation service .  And 
manually correct the remaining errors (if any). This will, if nothing 
else, give you a clean set of working files with which to work.
Regards,
~dL

-- 
http://chelseacreekstudio.com/

__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7 information -- http://css-discuss.incutio.com/?page=IE7
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Re: [css-d] So close, but yet so far. divs disappearing in main content + faux column hidden.

[Christopher Blake]

Christopher Blake
[EMAIL PROTECTED]
07816163420



On 19 Jan 2007, at 03:37, Christopher Blake wrote:

> On 19 Jan 2007, at 02:32, Christopher Blake wrote:
>
>> Hello all,
>>
>> I have come so far, but there is still a way to go. I'd like to thank
>> everyone that has helped so far, THANK YOU.
>> For this set of problems I will have to give a couple of urls and  
>> css.
>>
>> http://www.neilp.newwavemedia.co.uk/index2.html   (and it's
>> attached sheet)http://www.neilp.newwavemedia.co.uk/stylefile/
>> style2.css
>>
>> http://www.neilp.newwavemedia.co.uk/index3.html(and it's
>> attached sheet)http://www.neilp.newwavemedia.co.uk/stylefile/
>> style3.css
>>
>> I will explain why there are two examples.
>> Firstly in yesterday's version there were 28 mark up errors
>> (index.html). I have had a chance to get that down to 16
>> (index2.html) and 18 (index3.html). All but two/ four of these errors
>> are to do with the forms and input parts of the site (the only things
>> I have not done) and the other two are with #threepoint and #newwave
>> divs. (Off topic it is saying that there is something missing from
>> these lines). Anyhow, index2.html has been sent of to some guy that
>> should hopefully be able to fix them and therefore you helpful bunch
>> get better files to look at. Meanwhile I am working on a copy (3).
>>
>> Secondly there are slight differences between the two. "index2" has a
>> text link (invisible a) to create buttons out of #newwave and
>> #threepoint. I have since learnt a new way of creating a link from a
>> div without text (hence two more mark up errors) on index3.
>> Now to the nitty gritty. I am viewing this on mac os x tiger; safari
>> 2.0.4, "Index2" shows both #divs - but index3 shows only one. The
>> only change between the 2 pages is the method that I have used to
>> create the link. But I don't think that the problem lies here -
>
> AMENDMENT PART 2. On index.html I can see #threepoint but if I  
> click on the middle 'A' in the 'text size' option box it disappears.
>> otherwise it would hide both. I think that the problem is something
>> to do with the footer (#ftr) and it's margins & padding. It seems to
>> hide anything that is inline with it on the browser even though it
>> sits in the #maintext like the rest of the stories.
>>
>> To add to this my hard work and help to create a working faux column
>> has gone to waste. That too is not running the length of the page. It
>> is not even running the length of the #maintext div which it is
>> applied to as a background.
>>
>> Please help - I am sorry that there is so much on the page which
>> might make it a bit tricky to work with.
>>
>> P.s. On "index3.html" the first 2 text size buttons (top of r.hand
>> column) work! I just learnt one way of doing this and am really
>> happy =)
>>
>>
>>
>>
>> Christopher Blake
>> [EMAIL PROTECTED]
>> AIM: blakeybounce
>>
>>
>>
>> _ 
>> _
>> css-discuss [EMAIL PROTECTED]
>> http://www.css-discuss.org/mailman/listinfo/css-d
>> IE7 information -- http://css-discuss.incutio.com/?page=IE7
>> List wiki/FAQ -- http://css-discuss.incutio.com/
>> Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
>>
>
> __
> css-discuss [EMAIL PROTECTED]
> http://www.css-discuss.org/mailman/listinfo/css-d
> IE7 information -- http://css-discuss.incutio.com/?page=IE7
> List wiki/FAQ -- http://css-discuss.incutio.com/
> Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
>

__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7 information -- http://css-discuss.incutio.com/?page=IE7
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Re: [css-d] So close, but yet so far. divs disappearing in main content + faux column hidden.

[Christopher Blake]

On 19 Jan 2007, at 02:32, Christopher Blake wrote:

> Hello all,
>
> I have come so far, but there is still a way to go. I'd like to thank
> everyone that has helped so far, THANK YOU.
> For this set of problems I will have to give a couple of urls and css.
>
> http://www.neilp.newwavemedia.co.uk/index2.html   (and it's
> attached sheet)http://www.neilp.newwavemedia.co.uk/stylefile/
> style2.css
>
> http://www.neilp.newwavemedia.co.uk/index3.html(and it's
> attached sheet)http://www.neilp.newwavemedia.co.uk/stylefile/
> style3.css
>
> I will explain why there are two examples.
> Firstly in yesterday's version there were 28 mark up errors
> (index.html). I have had a chance to get that down to 16
> (index2.html) and 18 (index3.html). All but two/ four of these errors
> are to do with the forms and input parts of the site (the only things
> I have not done) and the other two are with #threepoint and #newwave
> divs. (Off topic it is saying that there is something missing from
> these lines). Anyhow, index2.html has been sent of to some guy that
> should hopefully be able to fix them and therefore you helpful bunch
> get better files to look at. Meanwhile I am working on a copy (3).
>
> Secondly there are slight differences between the two. "index2" has a
> text link (invisible a) to create buttons out of #newwave and
> #threepoint. I have since learnt a new way of creating a link from a
> div without text (hence two more mark up errors) on index3.
> Now to the nitty gritty. I am viewing this on mac os x tiger; safari
> 2.0.4, "Index2" shows both #divs - but index3 shows only one. The
> only change between the 2 pages is the method that I have used to
> create the link. But I don't think that the problem lies here -

Amendment; I can see both #threepoint & #newwave (computer is weird  
when it has been on for a long time) sorry.

But the faux column is till not working properly. It is the grey  
gradient (black and white lines) that flows behind the right hand  
column.
> otherwise it would hide both. I think that the problem is something
> to do with the footer (#ftr) and it's margins & padding. It seems to
> hide anything that is inline with it on the browser even though it
> sits in the #maintext like the rest of the stories.
>
> To add to this my hard work and help to create a working faux column
> has gone to waste. That too is not running the length of the page. It
> is not even running the length of the #maintext div which it is
> applied to as a background.
>
> Please help - I am sorry that there is so much on the page which
> might make it a bit tricky to work with.
>
> P.s. On "index3.html" the first 2 text size buttons (top of r.hand
> column) work! I just learnt one way of doing this and am really  
> happy =)
>
>
>
>
> Christopher Blake
> [EMAIL PROTECTED]
> AIM: blakeybounce
>
>
>
> __
> css-discuss [EMAIL PROTECTED]
> http://www.css-discuss.org/mailman/listinfo/css-d
> IE7 information -- http://css-discuss.incutio.com/?page=IE7
> List wiki/FAQ -- http://css-discuss.incutio.com/
> Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
>

__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7 information -- http://css-discuss.incutio.com/?page=IE7
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Re: [css-d] How can I style a select drop-down list in Zen Cart

[~davidLaakso]

Rob Stevenson wrote:
> Site: www.artcardshop.com/store/
> CSS: ... /includes/templates/Custom/css/stylesheet.css
>
> I'm trying to make the text of the Artists drop-down list on the left 
> look like the other text in other sideboxes on the left, such as 
> Categories above it.
>   
I wouldn't know a zen cart from a wheelbarrow. But is this what you mean?
FORM, SELECT, INPUT {
display: inline;
 font-size: 1em;
font-weight: bold; <

[css-d] So close, but yet so far. divs disappearing in main content + faux column hidden.

[Christopher Blake]

Hello all,

I have come so far, but there is still a way to go. I'd like to thank  
everyone that has helped so far, THANK YOU.
For this set of problems I will have to give a couple of urls and css.

http://www.neilp.newwavemedia.co.uk/index2.html   (and it's  
attached sheet)http://www.neilp.newwavemedia.co.uk/stylefile/ 
style2.css

http://www.neilp.newwavemedia.co.uk/index3.html(and it's  
attached sheet)http://www.neilp.newwavemedia.co.uk/stylefile/ 
style3.css

I will explain why there are two examples.
Firstly in yesterday's version there were 28 mark up errors  
(index.html). I have had a chance to get that down to 16  
(index2.html) and 18 (index3.html). All but two/ four of these errors  
are to do with the forms and input parts of the site (the only things  
I have not done) and the other two are with #threepoint and #newwave  
divs. (Off topic it is saying that there is something missing from  
these lines). Anyhow, index2.html has been sent of to some guy that  
should hopefully be able to fix them and therefore you helpful bunch  
get better files to look at. Meanwhile I am working on a copy (3).

Secondly there are slight differences between the two. "index2" has a  
text link (invisible a) to create buttons out of #newwave and  
#threepoint. I have since learnt a new way of creating a link from a  
div without text (hence two more mark up errors) on index3.

Now to the nitty gritty. I am viewing this on mac os x tiger; safari  
2.0.4, "Index2" shows both #divs - but index3 shows only one. The  
only change between the 2 pages is the method that I have used to  
create the link. But I don't think that the problem lies here -  
otherwise it would hide both. I think that the problem is something  
to do with the footer (#ftr) and it's margins & padding. It seems to  
hide anything that is inline with it on the browser even though it  
sits in the #maintext like the rest of the stories.

To add to this my hard work and help to create a working faux column  
has gone to waste. That too is not running the length of the page. It  
is not even running the length of the #maintext div which it is  
applied to as a background.

Please help - I am sorry that there is so much on the page which  
might make it a bit tricky to work with.

P.s. On "index3.html" the first 2 text size buttons (top of r.hand  
column) work! I just learnt one way of doing this and am really happy =)




Christopher Blake
[EMAIL PROTECTED]
AIM: blakeybounce



__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7 information -- http://css-discuss.incutio.com/?page=IE7
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

[css-d] How can I style a select drop-down list in Zen Cart

[Rob Stevenson]

Hello folk,

I know, you saw Zen Cart in the title and ran screaming from the room. 
But I thought, as I'm posting my first question to the list, I'd make 
it memorable. ;-)

Site: www.artcardshop.com/store/
CSS: ... /includes/templates/Custom/css/stylesheet.css

I'm trying to make the text of the Artists drop-down list on the left 
look like the other text in other sideboxes on the left, such as 
Categories above it.

I can't seem to find the right combination of selectors to get it to 
react, perhaps because it's nested so deep in divs and ids and classes. 
Have a look at the page source to see what I mean.

I tried this...
#manufacturersContent {
background-color: white;
color: #336699;
font-family: Verdana, Arial, sans-serif;
font-style: normal;
font-weight: bold;
}
...but it did nothing. Well, not quite nothing; it put a bit of white 
background around the drop-down while having no effect inside it. So I 
guess the question is, how do I refer to the drop-down in the form 
inside the manufacturersContent id?

TIA

Rob Stevenson
---
Breakfast: the most important donut of the day.
---
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7 information -- http://css-discuss.incutio.com/?page=IE7
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Re: [css-d] Here is the link - IE7 and Horizontal scroll bar with 3col layout using neg margins

[Gunlaug Sørtun]

Dan H wrote:
> http://www.momsluxurylinens.com/mlc/main4.htm

Before looking for CSS related problems, the source-code has a few
errors that can make any browser - especially IE - lose track...


Check those 'end tags for elements that are not open'. Looks like you
have closed some elements in the wrong place, and then tried to close
them again further down. IE6 can't figure out how to handle that, and I
doubt IE7 can do much better.

regards
Georg
-- 
http://www.gunlaug.no
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7 information -- http://css-discuss.incutio.com/?page=IE7
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Re: [css-d] how to hyperlink a background image?

[Peggy Coats]

Great suggestions  Paul, Matt, and Brian  -- thanks so much.  I will
play around with all and see what works best for me.  It's nice to
have options ;-)

Peg
ambientglow.com
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7 information -- http://css-discuss.incutio.com/?page=IE7
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

[css-d] Here is the link - IE7 and Horizontal scroll bar with 3col layout using neg margins

[Dan H]

Sorry


http://www.momsluxurylinens.com/mlc/main4.htm

view source for css



Hello all,
I have searched for some answers and have come up empty handed.  This is a  
3 column layout using negative margins.
I have looked at widths and margins and padding and nothing seems to jumb  
out at me.
Two (may be more but these are my concern at the moment)issues.
1.IE 7 Horizontal scroll bar issue that I cannot seem to pin down
2. Sometimes but not everytime the page loads in IE7, the left colum,  
where the navigation is, shows up on the far right.  F5 usually get rid of  
it.  This does not happen all the time for me, thought this could be a  
cache issue for me.

As with my past posts, it has usually been something simple that my tired  
eyes have missed.

Thank you,

Dan
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7 information -- http://css-discuss.incutio.com/?page=IE7
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

[css-d] IE7 and Horizontal scroll bar with 3col layout using neg margins

[Dan H]

Hello all,
I have searched for some answers and have come up empty handed.  This is a  
3 column layout using negative margins.
I have looked at widths and margins and padding and nothing seems to jumb  
out at me.
Two (may be more but these are my concern at the moment)issues.
1.IE 7 Horizontal scroll bar issue that I cannot seem to pin down
2. Sometimes but not everytime the page loads in IE7, the left colum,  
where the navigation is, shows up on the far right.  F5 usually get rid of  
it.  This does not happen all the time for me, thought this could be a  
cache issue for me.

As with my past posts, it has usually been something simple that my tired  
eyes have missed.

Thank you,

Dan
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7 information -- http://css-discuss.incutio.com/?page=IE7
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Re: [css-d] mousing over an unordered list and child list item broken

[Ben Liu]

On 1/18/07, Ben Liu <[EMAIL PROTECTED]> wrote:
> I'm trying to make an animated navigation menu using unordered lists
> and list items. Test page here-
>
> http://dev.gelatincube.com/jindo/

Sorry to respond to my own post, but I found the basis of a solution
to my problem here-

http://www.quirksmode.org/js/events_mouse.html

Appears to be a pure javascript issue, but thought this might be
helpful for anyone dealing with a similar issue.

- Ben
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7 information -- http://css-discuss.incutio.com/?page=IE7
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Re: [css-d] inline-block (was Re: s inside inline s break free of their containers)

[Philippe Wittenbergh]

On Jan 19, 2007, at 1:37 AM, Mark Lundquist wrote:

>> No problem, it gets even weirder in IE aswell, they have a display  
>> rule
>> called 'inline-block' (!?) which is nowhere in the w3c spec.
>
> Huh?
>
>   http://www.w3.org/TR/CSS21/visuren.html#display-prop
>
> If I recall correctly... KHTML & IE get it right, Gecko botches it.

No.
* KHTML, Webkit and Opera support this property correctly (more or  
less).
* Gecko doesn't support inline-block (that is not the same as  
'botching it').
* IE Windows only applies the property to elements 'whose natural  
display value is inline'.
Incidentally, 'inline-block' is also a 'hasLayout' trigger in IE  
windows.
* IE Mac supports this property, although not entirely correctly.


Philippe
---
Philippe Wittenbergh





__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7 information -- http://css-discuss.incutio.com/?page=IE7
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Re: [css-d] mousing over an unordered list and child list item broken

[Ben Liu]

> CSS:  Your menu items consist of an anchor nested inside an
> LI.  Which element has been given the onmouseover behavior, A or
> LI?  Are they styled to be the same size?  If this points to the
> problem, I would style the anchor as a block and dimension it to
> contain its contents, and let the LI simply shrink-wrap around it.  I
> suspect this is the problem because the 'home' item vibrates when I
> point to the word itself (the anchor text) but not when I point to
> the (presumably) larger surrounding LI.
>
> JS: Another potential problem area might be event propagation, in
> which an event occurring to a child also occurs to its parent,
> etc.  Try halting event propagation as soon as it's detected.
>
> Regards,
>
> Paul

Thanks for the response Paul. The onmouseover and onmouseout events
are embedded in neither the li nor the anchor tag, but rather in the
parent unordered list tag. The idea is that mousing over any part of
the unordered list reveals (with a slight delay) the entire list which
can have one or more list items. Each of the list items is parent to
an anchor tag. The anchor item is in fact smaller (narrower) than its
parent li. In my browser (Safari) there doesn't seem to be any
behavior difference between mousing on the anchor area vs. the list
item area, both result in "vibration" I guess as the script for
lowering and raising the object run repeatedly in opposition.

As for halting event propagation, I'm not familiar with what you mean,
but will google around for further info. Thanks again,

Ben
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7 information -- http://css-discuss.incutio.com/?page=IE7
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Re: [css-d] mousing over an unordered list and child list item broken

[Paul Novitski]

At 1/18/2007 12:44 PM, Ben Liu wrote:
>http://dev.gelatincube.com/jindo/
>The problem:
>When you mouse over the left-most tab "home", the tab should rise
>slowly and only return to its original position when you mouse out of
>the entire tab. Instead, the browser (tested on Safari, Firefox, IE6)
>detects the list item within the tab (unordered list) as being an
>object outside of the unordered list and considers this a "mouseout"


CSS:  Your menu items consist of an anchor nested inside an 
LI.  Which element has been given the onmouseover behavior, A or 
LI?  Are they styled to be the same size?  If this points to the 
problem, I would style the anchor as a block and dimension it to 
contain its contents, and let the LI simply shrink-wrap around it.  I 
suspect this is the problem because the 'home' item vibrates when I 
point to the word itself (the anchor text) but not when I point to 
the (presumably) larger surrounding LI.

JS: Another potential problem area might be event propagation, in 
which an event occurring to a child also occurs to its parent, 
etc.  Try halting event propagation as soon as it's detected.

Regards,

Paul
__

Juniper Webcraft Ltd.
http://juniperwebcraft.com  

__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7 information -- http://css-discuss.incutio.com/?page=IE7
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

[css-d] mousing over an unordered list and child list item broken

[Ben Liu]

I'm trying to make an animated navigation menu using unordered lists
and list items. Test page here-

http://dev.gelatincube.com/jindo/

css here-

http://dev.gelatincube.com/common/master.css

(some css in-line and in head section of page, all javascript in head
section of page).

The problem:
When you mouse over the left-most tab "home", the tab should rise
slowly and only return to its original position when you mouse out of
the entire tab. Instead, the browser (tested on Safari, Firefox, IE6)
detects the list item within the tab (unordered list) as being an
object outside of the unordered list and considers this a "mouseout"
event.

Also, for some odd reason, when I get rid of the javascript code that
causes the menu to slowly rise, and instead just leave code to make
the tab instantly taller, this unintended mouseout event doesn't
happen. Try the second tab from the left, "products".

So apologies in advance if this problem is entirely a javascript
issue, but is there something special about the ul and li objects
which are different than a div which causes this behavior? If I build
something similar using just div items, it doesn't seem to have this
problem.

Any help on this appreciated, including pointing me to a decent
javascript discussion list.

- Ben
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7 information -- http://css-discuss.incutio.com/?page=IE7
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Re: [css-d] how to hyperlink a background image?

[Paul Novitski]

At 1/18/2007 09:39 AM, Peggy Coats wrote:
>I was actually referring to the background image.  I have the client
>logo as a bg in the header div. What I wound up doing was putting a
>transparent .gif there and linking that back to the home page. Many
>people will click on a page logo to return to the home page, and she
>wanted that on the site in addition to a text link.


Here's one way to do this:


 
 Acme Widgets
 


/* make the anchor a dimensioned block with background image */
h1 a
{
 display: block;
 width:  300px;
 height: 100px;
 background: url("logo.jpg") left top no-repeat;
}

/* apply a hover state for usability */
h1 a:hover
{
 /* both normal & hover images are contained in the same image file */
 background-position: left -100px;
OR:
 /* alternative hover image (doesn't load until hover event) */
 background-image: url("logo-hover.jpg");
}

/* hide the text from visual user agents */
h1 a span
{
 position: absolute;
 left: -1000em;
}

This technique works well.  Its main failing is that the logo doesn't 
show if images are disabled.  For that a foreground image with alt 
text is preferred.

Combining both normal and hover images in the same file is a great 
technique that obviates the need for preloading images and is 
ultimately lighter: two images are heavier than one image twice the 
size.  Google 'CSS Sprites' for more on that.

Regards,

Paul
__

Juniper Webcraft Ltd.
http://juniperwebcraft.com 

__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7 information -- http://css-discuss.incutio.com/?page=IE7
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Re: [css-d] Bizarre * selector rules processing

[Mark J. Reed]

What were you thinking?  I dunno - Javascript, Java, C++...?  Even C
supports the single-line // comment syntax these days.
.  So expecting CSS to support it is hardly idiotic.  Just wrong. :)

On 1/18/07, Barney Carroll <[EMAIL PROTECTED]> wrote:
> Martin Heiden wrote:
> > What happens when you use css comments:
>
> That's a brilliant idea. Only an idiot would fail to use it. '//' - what
> was I thinking?
>
> Regards,
> Barney
> __
> css-discuss [EMAIL PROTECTED]
> http://www.css-discuss.org/mailman/listinfo/css-d
> IE7 information -- http://css-discuss.incutio.com/?page=IE7
> List wiki/FAQ -- http://css-discuss.incutio.com/
> Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
>


-- 
Mark J. Reed <[EMAIL PROTECTED]>
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7 information -- http://css-discuss.incutio.com/?page=IE7
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Re: [css-d] how to hyperlink a background image?

[Peggy Coats]

Thanks for that technique, Matt -- that's a new one for me and very interesting.

I was actually referring to the background image.  I have the client
logo as a bg in the header div. What I wound up doing was putting a
transparent .gif there and linking that back to the home page. Many
people will click on a page logo to return to the home page, and she
wanted that on the site in addition to a text link.

Peg


On 1/18/07, Matt Dawson <[EMAIL PROTECTED]> wrote:
> I think everyone might be misunderstanding her question.
>
> She may just be referring to image replacement, which is a perfectly valid
> technique used all over the place:
> http://www.mezzoblue.com/tests/revised-image-replacement/
>
> matt
>
>
> >
> > i don't think you should do this.  Users expect links to be indicated
> > visually and if they just click on some part of a page at random and
> > it sends them back to your home page they are likely to get all
> > frustrated and just go away.  Unless you are dealing with a
> > specifically limited audience who can learn the convention (say a
> > group of folks behind a cooporate firewall), I'd stay away from doing
> > this, even if you can.
> >
> >
>
>
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7 information -- http://css-discuss.incutio.com/?page=IE7
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Re: [css-d] s inside inline s break free of their containers

[Rob O'Rourke]

Jens Brueckmann wrote:
> Hi Rob,
>
>   
>> No problem, it gets even weirder in IE aswell, they have a display rule
>> called 'inline-block' (!?) which is nowhere in the w3c spec.
>> 
>
> I would like to draw your attention to the following:
> http://www.w3.org/TR/CSS21/visuren.html#value-def-inline-block
>
> Cheers,
>
> jens
>   

Oops, I thought it was the IE version of 'display: list-item;'
I've never had an issue where I needed inline-block in gecko browsers, 
only as an IE fix which is where my misunderstanding came from.

Cheers Jens and Mark for pointing that out,
Rob
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7 information -- http://css-discuss.incutio.com/?page=IE7
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Re: [css-d] how to hyperlink a background image?

[Matt Dawson]

I think everyone might be misunderstanding her question.

She may just be referring to image replacement, which is a perfectly valid
technique used all over the place:
http://www.mezzoblue.com/tests/revised-image-replacement/

matt


> i don't think you should do this.  Users expect links to be indicated
> visually and if they just click on some part of a page at random and
> it sends them back to your home page they are likely to get all
> frustrated and just go away.  Unless you are dealing with a
> specifically limited audience who can learn the convention (say a
> group of folks behind a cooporate firewall), I'd stay away from doing
> this, even if you can.
>
>
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7 information -- http://css-discuss.incutio.com/?page=IE7
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Re: [css-d] s inside inline s break free of their containers

[Jens Brueckmann]

Hi Rob,

> No problem, it gets even weirder in IE aswell, they have a display rule
> called 'inline-block' (!?) which is nowhere in the w3c spec.

I would like to draw your attention to the following:
http://www.w3.org/TR/CSS21/visuren.html#value-def-inline-block

Cheers,

jens
-- 
Jens Brueckmann
http://www.yalf.de
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7 information -- http://css-discuss.incutio.com/?page=IE7
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

[css-d] inline-block (was Re: s inside inline s break free of their containers)

[Mark Lundquist]

On Jan 18, 2007, at 8:23 AM, Rob O'Rourke wrote:

> No problem, it gets even weirder in IE aswell, they have a display rule
> called 'inline-block' (!?) which is nowhere in the w3c spec.

Huh?

http://www.w3.org/TR/CSS21/visuren.html#display-prop

If I recall correctly... KHTML & IE get it right, Gecko botches it.

cheers,
—ml—

__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7 information -- http://css-discuss.incutio.com/?page=IE7
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Re: [css-d] s inside inline s break free of their containers

[Rob O'Rourke]

Barney Carroll wrote:
> Rob O'Rourke wrote:
>> If they're inline they won't do, the vertical padding doesn't affect 
>> the line-height which is what you're seeking to extend here.
>>
>> Have a read of this:
>> http://meyerweb.com/eric/css/inline-format.html
>>
>> A lot to get your head round but its worth it.
>
> Thanks for this Rob.
>
> When I think about what inline implies, it begins to make sense.
>
> Regards,
> Barney
>
>

No problem, it gets even weirder in IE aswell, they have a display rule 
called 'inline-block' (!?) which is nowhere in the w3c spec. If you ever 
have trouble with vertical list item spacing in IE try it out on the s.

Rob
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7 information -- http://css-discuss.incutio.com/?page=IE7
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Re: [css-d] s inside inline s break free of their containers

[Jens Brueckmann]

Hi Barney,

> I have this tree:
>
> 
>
> 
>   
>
> Hi
>
>   
> 
>
> 

please keep in mind that the CODE element is an inline element which
should not contain other block elements like DIV, UL, LI.

Cheers,

jens
-- 
Jens Brueckmann
http://www.yalf.de
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7 information -- http://css-discuss.incutio.com/?page=IE7
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Re: [css-d] s inside inline s break free of their containers

[Matt Dawson]

> Everything is unstyled apart from li{display:inline} and the , which
> has strong padding - but the y-padding extends beyond the ancestral
> elements.


It would help to have some context regarding what you're trying to
accomplish. It would make sense that padding on your anchor elements would
extend outside of the list items, because they're inline, and therefore
subject to the inline box model (important because vertical margins and
padding don't render the same way .)

Also: the anchors are also inline (unless you're declaring them to be
display:block) and so shouldn't have any vertical padding to begin with. So
*are* you declaring them to be display:block?

More specifics would help.

Matt
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7 information -- http://css-discuss.incutio.com/?page=IE7
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Re: [css-d] s inside inline s break free of their containers

[Rob O'Rourke]

Barney Carroll wrote:
> I remember somebody suffering from this in the last 2 months but forgot 
> the solution and couldn't turn up the thread.
>
> I have this tree:
>
> 
>
> 
>   
>
> Hi
>
>   
> 
>
> 
>
> Everything is unstyled apart from li{display:inline} and the , which 
> has strong padding - but the y-padding extends beyond the ancestral 
> elements.
>
> I have tried applying overflow:visible, to no effect, and 
> overflow:hidden, which mundanely clips off all the padding.
>
> I cannot understand why the ancestral elements do not extend to contain 
> the , can anyone else?
>
> Regards,
> Barney
>
>   

If they're inline they won't do, the vertical padding doesn't affect the 
line-height which is what you're seeking to extend here.

Have a read of this:
http://meyerweb.com/eric/css/inline-format.html

A lot to get your head round but its worth it.

HTH, Rob O

__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7 information -- http://css-discuss.incutio.com/?page=IE7
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

[css-d] s inside inline s break free of their containers

[Barney Carroll]

I remember somebody suffering from this in the last 2 months but forgot 
the solution and couldn't turn up the thread.

I have this tree:




  
   
Hi
   
  




Everything is unstyled apart from li{display:inline} and the , which 
has strong padding - but the y-padding extends beyond the ancestral 
elements.

I have tried applying overflow:visible, to no effect, and 
overflow:hidden, which mundanely clips off all the padding.

I cannot understand why the ancestral elements do not extend to contain 
the , can anyone else?

Regards,
Barney
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7 information -- http://css-discuss.incutio.com/?page=IE7
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Re: [css-d] Problem with images and floats

[Matt Dawson]

I should also point out that your namespace was correct for XHTML
1.0Transitional - just not the XHTML
1.1 that you're using in this document.

Matt
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7 information -- http://css-discuss.incutio.com/?page=IE7
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Re: [css-d] [SOLVED] Bizarre * selector rules processing

[Barney Carroll]

Martin Heiden wrote:
> What happens when you use css comments:

That's a brilliant idea. Only an idiot would fail to use it. '//' - what 
was I thinking?

Regards,
Barney
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7 information -- http://css-discuss.incutio.com/?page=IE7
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Re: [css-d] Bizarre * selector rules processing

[Martin Heiden]

Barney,

on Thursday, January 18, 2007 at 15:42 Barney Carroll wrote:

> Weird behaviour on my hands. I have the following CSS:

> 

> // DITAbase site stylesheets
> //
> // universal.css - Universal visual information

> *{margin:0; padding:0;}

> body{font-size: 76%;}

> 


> This is in FF. Any idea why this is?

What happens when you use css comments:

/*
   DITAbase site stylesheets
   universal.css - Universal visual information
*/

* {margin:0; padding:0;}
body {font-size: 76%;}

regards

  Martin

 



__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7 information -- http://css-discuss.incutio.com/?page=IE7
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Re: [css-d] Problem with images and floats

[Matt Dawson]

This is a total shot in the dark, but it sounds a whole bunch like you're
triggering quirks mode in IE. (Those sound like standard IE5 behaviors - and
while I'm not sure that's exactly how many IE5 behaviors are triggered by
quirks mode, I know some of them are.)

On looking at your namespace definition, it looks like you have an extra
variable in there - an unnecessary lang="en" attribute-value pair.

You should use:

http://www.w3.org/1999/xhtml"; xml:lang="en">

Yours reads:

http://www.w3.org/1999/xhtml"; xml:lang="en" lang="en">

Let me know if this fixes anything. I'm very curious.

Matt
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7 information -- http://css-discuss.incutio.com/?page=IE7
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

[css-d] Bizarre * selector rules processing

[Barney Carroll]

Weird behaviour on my hands. I have the following CSS:



// DITAbase site stylesheets
//
// universal.css - Universal visual information

*{margin:0; padding:0;}

body{font-size: 76%;}



And the * rule doesn't work. If I re-arrange the sequence to have the 
body rule come first, then it does work. I do not modify the code at all.

This is in FF. Any idea why this is?

Regards,
Barney
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7 information -- http://css-discuss.incutio.com/?page=IE7
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Re: [css-d] Problem with images and floats

[Nick Mavros]

Drew Trusz wrote:
> Why is the p fixed at 160px? If you remove that you can center without
> a problem. The text will adjust to the width set by the image in FF2,
> Opera 9 and IE6 (don't have 7 on this machine).
>
> drew
Yes it works in all those browsers and in IE7 but...

The  is fixed at 160px because if it wasn't and at the same time the 
image had a really long title, it would look like this :
http://www.zefxis.gr/files/Example2.html
In this example I removed the rules "margin: 0 auto;" that causes the 
problem in IE6,7 and I also removed the "width: 160px;" from the .
As you can see if the  has a longer width than the  then the 
image is not centered ine the  but it's on the left side.
The same happens with the max-width rule.

My first example with all the rules inside that works in FF but not in 
IE6,7 :
http://www.zefxis.gr/files/example.html

Thnx anyway.

Nick


__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7 information -- http://css-discuss.incutio.com/?page=IE7
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Re: [css-d] Inline list items lose their markers

[Jorge Rumoroso]

>
> >Hi. I want an ordered list to display inline, but when I set  to
> >display:inline; the marker vanishes - meaning that the numbered list
> appears
> >to have no numbers. Any ideas?
>

There is an aritcle about this problem and three solutions:
http://www.niquelao.net/css/2006/11/03/pero-sera-lista/ (in spanish)


www.niquelao.net - Niquelando la web
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7 information -- http://css-discuss.incutio.com/?page=IE7
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Re: [css-d] Problem with images and floats with example

[Nick Mavros]

~davidLaakso wrote:
> _*Set the width rather than the height of the image that you float*_. And 
> since the images are different widths, create a ruleset for each image. 
> Something like this:
> css
> div#container { width: 580px;border: 1px solid #000;float: left;padding: 
> 10px; }
> div.imgGallery1, div.imgGallery2, div.imgGallery3 {float: 
> left;margin: 0 5px 5px 0;text-align: center; width: 220px;}
> div.imgGallery2 { width: 150px; margin: 0 0 0 5px;}
> div.imgGallery3 { clear: left; width: 180px; }
> div.imgGallery img {display: block; margin: 0 auto;}
> div.imgGallery p { width: 160px; display: block; clear: both; 
> text-align: center;margin: 5px auto 0 auto; line-height: 12px;
> font: 12px Verdana, Geneva, Arial, Helvetica, sans-serif;}
>
> html
> 
>  src="http://www.zefxis.gr/files/image1.gif"; width="220" height="150" 
>  >Image title
>  src="http://www.zefxis.gr/files/image2.gif"; width="150" height="150" 
>  >Image small title
>  src="http://www.zefxis.gr/files/image2.gif"; width="180" height="150" 
>  >Image really really big title
> 
> 
> Regardless of whether the above resolves the issue  at hand, I think you 
> may want to use a more appropriate doctype.
> HTH,
That would solve my problem if there where only these 3 images. The 
number and sizes of images is unknown. The only thing that is known 
about them is that they have "150px height" and "100px - 220px width". 
The user of the site will upload the images.
So I can't make rules for all the cases...

Other ideas?

What is wrong with my doctype?

__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7 information -- http://css-discuss.incutio.com/?page=IE7
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Re: [css-d] Problem with images and floats with example

[~davidLaakso]

Nick Mavros wrote:
> Take a look at this http://www.zefxis.gr/files/example.html
> I want the 3 images to "float: left". In FF they do.
> In IE6 & IE7 they don't. 
>  Nick
If I understand the problem correctly:
Set the width rather than the height of the image that you float. And 
since the images are different widths, create a ruleset for each image. 
Something like this:
css
div#container { width: 580px;border: 1px solid #000;float: left;padding: 
10px; }
div.imgGallery1, div.imgGallery2, div.imgGallery3 {float: 
left;margin: 0 5px 5px 0;text-align: center; width: 220px;}
div.imgGallery2 { width: 150px; margin: 0 0 0 5px;}
div.imgGallery3 { clear: left; width: 180px; }
div.imgGallery img {display: block; margin: 0 auto;}
div.imgGallery p { width: 160px; display: block; clear: both; 
text-align: center;margin: 5px auto 0 auto; line-height: 12px;
font: 12px Verdana, Geneva, Arial, Helvetica, sans-serif;}

html

http://www.zefxis.gr/files/image1.gif"; width="220" height="150" 
 >Image title
http://www.zefxis.gr/files/image2.gif"; width="150" height="150" 
 >Image small title
http://www.zefxis.gr/files/image2.gif"; width="180" height="150" 
 >Image really really big title


Regardless of whether the above resolves the issue  at hand, I think you 
may want to use a more appropriate doctype.
HTH,
~dL




-- 
http://chelseacreekstudio.com/

__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7 information -- http://css-discuss.incutio.com/?page=IE7
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

[css-d] Inline list items lose their markers

[Michael Grimes]

Hi. I want an ordered list to display inline, but when I set  to
display:inline; the marker vanishes - meaning that the numbered list appears
to have no numbers. Any ideas?

Thanks, Michael <[EMAIL PROTECTED]>
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7 information -- http://css-discuss.incutio.com/?page=IE7
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Re: [css-d] 2 problems in IE...

[Gunlaug Sørtun]

>>Problem #2:

Better make that...

#main-outer {height: 1%;}

...so no borders get lost in IE6.

Georg
-- 
http://www.gunlaug.no
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7 information -- http://css-discuss.incutio.com/?page=IE7
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Re: [css-d] 2 problems in IE...

[Gunlaug Sørtun]

Mark Lundquist wrote:
> Problem #1:

Try adding...

* html #titlebar-content {margin-bottom: -20px; position: relative;}

...which will prevent 'auto-expansion' and make IE6 mimic 'overflow:
visible'.

> Problem #2:

Add a 'hasLayout' trigger...

#main-inner {height: 1%;}

...to "stiffen up" that container in IE6 so it renders it properly.

regards
Georg
-- 
http://www.gunlaug.no
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7 information -- http://css-discuss.incutio.com/?page=IE7
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Re: [css-d] Problem with images and floats with example

[Nick Mavros]

Take a look at this http://www.zefxis.gr/files/example.html

I want the 3 images to "float: left". In FF they do.
In IE6 & IE7 they don't. See for yourself.
It's like the  that contains them has a 100% width.

The rules that causes the problem are:
"margin: 0 auto;" that i have placed for the 
"margin: 5px auto 0 auto;" that i have placed for the 
If I remove these rules then in FF they don't align in the center of the 
 but in IE they do because of the "text-align: 
center;" rule.
If I put a fixed width to the  the problem would 
be solved. But I don't want this to have a fixed width. I want to take 
its width from the  inside.

I tried to make a different rule for FF (using html>body ) and it worked 
ok but IE7 understand this rule so the problem remains.

Can anyone help me to solve the problem:

1. Using pure CSS
2. Using a hack that hides the rules from IE6 & IE7

 Nick



__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7 information -- http://css-discuss.incutio.com/?page=IE7
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/