Re: [css-d] base href and CSS
Not all browsers apply base to linked CSS files so it's best to just not bother using it. Alex Cole Date: Mon, 27 Oct 2008 11:31:29 -0400 From: [EMAIL PROTECTED] To: css-d@lists.css-discuss.org Subject: [css-d] base href and CSS I am having trouble with using the tag base href= / in my html and it not being translated into my CSS document. I have declared - base href=http://www.foo.com/bar/; / in my html head (and above the CSS declaration). The physical location of the CSS file is /assets/css/styles.css In my CSS file, I have element styles like this-- background: url(/images/foo.gif); /* this doesn't work */ background: url(images/foo.gif); /* nor does this */ If I manually change the above path to ../../images/foo.gif then it works fine, but shouldn't the CSS file be using the base href I declared? Thanks, Marty Martin __ 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/ _ Discover Bird's Eye View now with Multimap from Live Search http://clk.atdmt.com/UKM/go/111354026/direct/01/ __ 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] IE absolute and relative height problem
Sorry, the above is a XHTML DTD, use this one instead: !DOCTYPE HTML PUBLIC -//W3C//DTD HTML 4.01 Transitional//EN http://www.w3.org/TR/html4/loose.dtd; -- Regards, Thierry | http://www.TJKDesign.com Gunlaug Sørtun wrote: Declaring 'overflow: hidden' on .inner doesn't work since 'height: 100%' is 100% of the auto-expanded .outer. Sorry, that's quirks mode behavior. IE6 will behave as IE7 on this point when in standards mode. Older IE-versions will need the additional hack. Georg -- http://www.gunlaug.no Thank you very much to both of you. Unfortunately currently my site relies on quirks mode, it took quite a long time to get it how I wanted in that mode so, although on my list of things to do, I doubt I will be changing to standards for a while. However the *html hack worked beautifully (in fact better than I expected as the real site has about 6 nested divs and applying the hack to only the outer one fixed everything). Again, thankyou Alex _ Catch up on all the latest celebrity gossip http://clk.atdmt.com/GBL/go/115454061/direct/01/ __ 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] Odd Jumping Behavior on Hover - IE Only of Course
Hi Chris, Could you possibly be more accurate under what conditions this happens? I just checked with IE6 and IE8 (as well as FF and Opera) and none of them seem to display anything like the behaviour you are describing. Alex Cole Date: Mon, 20 Oct 2008 15:58:35 -0500 From: [EMAIL PROTECTED] To: css-d@lists.css-discuss.org Subject: [css-d] Odd Jumping Behavior on Hover - IE Only of Course On these pages: www.springfieldmo.gov/newSite/sfd/galleries/photo1/index.html http://www.springfieldmo.gov/newSite/sfd/galleries/photo1/pages/BobCumley-1.html In IE as soon as I over over any of the links (photo thumbnails or text) in the content area, the content all shifts left several pixels, but doesn't shift back when the cursor leaves the link. There isn't a hover action that should be triggering this. On the individual photo pages (second link above) it's even worse. The mouseover a link makes the photo shift a bit, but even more radically, the next arrow button jumps to the left toward the previous button. Just resizing the page will make it go back right, but hovering again brings about the jumping action. Anyone seen this kind of thing before? Chris A. City of Springfield, MO Web Coordinator __ 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/ _ Catch up on all the latest celebrity gossip http://clk.atdmt.com/GBL/go/115454061/direct/01/ __ 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] IE absolute and relative height problem
Hi. This seems to be the opposite to what almost everyone else everywhere wants to know, I've searched all over before coming here and couldn't find anything on it. I don't know if I was just looking in the wrong place or didn't know how to correctly and concisely describe the problem in a search engine but anyway, any pointers on the matter would be helpful. I have a div set as 200px x 200px with another div inside it with height 100% and width 100%. The inner div has overflow:hidden and content far longer than the specified 200px height. In FF, Opera, Chrome and Safari this displays exactly as I would expect with the inner content getting cut off at the 200px line, however in IE, no matter what I try, it seems to stretch the parent div to as big as the contents. There is a very basic demo of the problem here: http://www.y-less.com/yavascript/ietest.html If anyone knows about the solution to this problem your help would be much appreciated, I find it hard to believe from the number of results that this is an uncommon problem. Thanks in advance Alex Y_Less Cole _ X Factor: latest video, features and more. Click here! http://clk.atdmt.com/GBL/go/115454063/direct/01/ __ 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/
