Re: [css-d] Top Bottom - Lets Keep Them Apart
Ian Rutgers wrote: http://www.breakthe800.ca/test/jared/index.php. 1. header at top of page 2. footer at absolute bottom of page (displayed) 3. contents to scroll if not enough space to display all Can this be done with CSS? I was playing with overflow:auto but it does not appear to work … can you please take a look at my code and let me know what I am doing wrong? What you got now behaves like a version of footerStickAlt... http://www.themaninblue.com/experiment/footerStickAlt/ ...where you only need a bit more space added at the bottom of content to prevent the lower part of it being permanently covered by the footer on short windows. OTOH: it looks and sounds like you mean: 1: header on top of browser-window. 2: footer on bottom of browser-window. 3: contents to scroll when necessary. ...which points to regular 'position: fixed'... http://www.w3.org/TR/REC-CSS2/visuren.html#fixed-positioning If so, then this article should contain all necessary information... http://www.456bereastreet.com/archive/200609/css_frames_v2_fullheight/ The concept itself is used on my home-pages and section-maps... http://www.gunlaug.no/main-en.html ...although I don't use a visible fixed header but instead a sidebar floating down from an _invisible_ fixed header. Only problem is that _your_ header and footer together take up so much window-space that there's hardly any space left for content on a short browser-window. regards Georg -- http://www.gunlaug.no __ 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] general css structure and positioning questions
http://www.ricochet.org/ricotest/ricotest.html somewhat of a newbie. on the mac platform in opera, firefox and safari it is basically working as intended, though each of the 3 browsers interpret border colors vastly differently. is it something in my mark-up definition? is the basic direction i am heading structurally sound, or is there a more robust approach? i suspect i will run into issues with ie on a number of fronts including min and max heights and will deal with them as the template gets more resolved. thanks in advance for your time. --ron __ 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] general css structure and positioning questions
Ron Zisman wrote: http://www.ricochet.org/ricotest/ricotest.html on the mac platform in opera, firefox and safari it is basically working as intended,...trimmed] --ron If you open it. Close it. Missing /div div id=superwrap Best, ~dL -- http://chelseacreekstudio.com/ __ 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] creating my nav in CSS
Hi Julian, I only see the one style sheet, too. There are 16 validation errors on the page; and some of them will have an effect on the rendering of your menu. Sorry, I don't have more time to dig deeper. HTH, Bill -Original Message- From: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED] On Behalf Of David Laakso Sent: Friday, December 14, 2007 5:19 PM To: juliann wheeler Cc: css-d@lists.css-discuss.org Subject: Re: [css-d] creating my nav in CSS juliann wheeler wrote: I created my first nav bar in CSS. The only problem is that I had to create three different style sheets to get around all the bugs with different browsers/platforms. Here is the latest version: http://www.pcg-advisors.com/new/home5.html Is there any way to simplify this and not have to create three separate style sheets? I must be missing something really important or you are working on the page right now. I only see 1 style sheet not 3 as of this writing . And the drop-downs are not dropping in IE 6. In addition to using absolute position to structure the layout (that may, in and of itself, be problematic), the division #wrapper is collapsed and not enclosing its content. The primary content (center column) is escaping at the bottom with font-scaling. Best, ~dL -- http://chelseacreekstudio.com/ __ 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-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] general css structure and positioning questions
Ron Zisman wrote: http://www.ricochet.org/ricotest/ricotest.html somewhat of a newbie. :-) on the mac platform in opera, firefox and safari it is basically working as intended, though each of the 3 browsers interpret border colors vastly differently. is it something in my mark-up definition? Colors and exact appearance for 'groove' and 'ridge' are not defined in standards. It is left to the browsers. is the basic direction i am heading structurally sound, or is there a more robust approach? Looks like you have lost a div-ending near the bottom... http://validator.w3.org/check?uri=http%3A%2F%2Fwww.ricochet.org%2Fricotest%2Fricotest.htmlcharset=%28detect+automatically%29doctype=Inliness=1group=0 ...which gives you more validity-errors than there really are. In your example both 'innertop' and 'innerbottom' can be replaced by styling of the relevant headlines (h2). Otherwise there's nothing much to improve on until we can see a more content-populated example. i suspect i will run into issues with ie on a number of fronts including min and max heights and will deal with them as the template gets more resolved. IE6 may need a couple of min/max workarounds, but IE7 shouldn't give you any problems. regards Georg -- http://www.gunlaug.no __ 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] IE7 site check/issue?
This is driving me nuts. never have I had such a problem with IE7 - but I can't figure out what's going on here. Can someone check this URL and see why it's doing what it's doing? I think I need another set of eyes, because I just can't figure it out. http://www.brassblogs.com/wordpress/ Basically, there's a horizontal scroll at the bottom of the page - *something* is adding additional padding to the right of the screen, but I can't find what (I've narrowed it down to the body tag, but I have no padding set there!) Also, the main wrapper div is using the faux column method - the image is white with a blue sidebar. In IE7, it doesn't start showing up until after the first post. I have absolutely no idea why. If anyone can give me some insight, I'd appreciate it! Thanks :) ~Shelly __ 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] general css structure and positioning questions
On Dec 15, 2007, at 6:59 PM, Gunlaug Sørtun wrote: Ron Zisman wrote: http://www.ricochet.org/ricotest/ricotest.html somewhat of a newbie. :-) on the mac platform in opera, firefox and safari it is basically working as intended, though each of the 3 browsers interpret border colors vastly differently. is it something in my mark-up definition? Colors and exact appearance for 'groove' and 'ridge' are not defined in standards. It is left to the browsers. is the basic direction i am heading structurally sound, or is there a more robust approach? Looks like you have lost a div-ending near the bottom... http://validator.w3.org/check?uri=http%3A%2F%2Fwww.ricochet.org% 2Fricotest%2Fricotest.htmlcharset=%28detect+automatically% 29doctype=Inliness=1group=0 ...which gives you more validity-errors than there really are. In your example both 'innertop' and 'innerbottom' can be replaced by styling of the relevant headlines (h2). Otherwise there's nothing much to improve on until we can see a more content-populated example. i suspect i will run into issues with ie on a number of fronts including min and max heights and will deal with them as the template gets more resolved. georg/david thanks for the assistance. suggestions incorporated in current file. http://www.ricochet.org/ricotest/ricotest.html problem. file validates as css and xhtml 1, but it's not picking up the background image i've assigned to the #outerwrap. IE6 may need a couple of min/max workarounds, but IE7 shouldn't give you any problems. regards Georg -- http://www.gunlaug.no thanks --ron __ 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-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] Dropdown Menu Problem
Hey guys, The site I'm working on is: http://dev.hendricksonforjudge.com/ I have two problems with my menu on this website. I tried to do a drop down menu using the blowfish example (http://www.alistapart.com/articles/dropdowns/). It works, however I am also doing hover images that load on the top right of the screen. So when you go to menu item that needs a drop down menu (about hendrickson) it gets stuck behind the header image. How do I make it appear on top of the header image? Also, I need the menu to create a blue background/bar all the way across the screen. Do I have to use an image or can I force the menu to take up 100% of the screen and create a solid blue bar all the way across at the top? Thanks guys, 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/
Re: [css-d] IE7 site check/issue?
Shelly wrote: http://www.brassblogs.com/wordpress/ Basically, there's a horizontal scroll at the bottom of the page - *something* is adding additional padding to the right of the screen, but I can't find what (I've narrowed it down to the body tag, but I have no padding set there!) It may be caused by the italics (with date and author) in widthless right floats. Try giving them overflow:auto div.post small { overflow:auto } (of course it is better to feed this rule just to IE7.) Also, the main wrapper div is using the faux column method - the image is white with a blue sidebar. In IE7, it doesn't start showing up until after the first post. The problem seems fixed giving hasLayout to the #main div, for example with #main { zoom:1 } Floats containment works usually better in IE if the container gets hasLayout. Hope this helps, Bruno -- Bruno Fassino http://www.brunildo.org/test __ 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/