[css-d] Top Bottom - Lets Keep Them Apart
I have been charged with rewriting this www.aslslimited.org such that the top nav stays at the top of the page and the bottom nav stays at the bottom of the page and the content makes up the rest. In other words as the browser window is resized the content section of the site is the only fluid portion of the site. My preference is to write the code using divs but need some guidance on the positioning without using JavaScript (if that is possible as I am assuming that I would have to do some browser detection) . help what have I got myself into?! Ian __ 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] Rounded and extended
Hi everyone, Pls take a look at http://www.breakthe800.ca/test/index_rounded.php (ignore colors). I am almost where I want to be but have reached a roadblock. I have now got the rounded corners but am having trouble getting the columns extend all the way to the footer (left, center columns) without content the way the far right column extends width content. Help! Thx in advance! Ian __ 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 Print Margins
Is there a way to set the print margins in Internet Explorer (6+)? I don't like the preset margins ... like FireFox better but have to make it work in IE. Thx in advance for your guidance '-) __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
[css-d] input type=text and css
I am building an expense form with each expense item contained in a table cell. I would like to set the table width to 100% (done) and each table cell to specified percentage width that adds up to the 100%. My question: I can't used % to set the width of the input type=text / to the same percentage as it then only occupies a percentage of the cell. I can set a fixed width, but that defeats the liquid layout. Is there a way to get the width of the input match the width of the table cell without used fixed widths? Thank you, ian __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
RE: [css-d] Space below left nav
Thanks, your suggestion worked as prescribed! Ian -Original Message- From: Uwe Kaiser [mailto:[EMAIL PROTECTED] Sent: May 13, 2005 11:19 PM To: Rutgers Subject: Re: [css-d] Space below left nav Hi Rutgers, The solutuion with background-image will function only, if the left navigation and the contents (on the right of it) are having a common parent element. This common parent element should have the background-image. Example: div header /div div !-- body with background-image -- div left navigation /div div contents /div /div !-- end of body -- div footer /div regards, Uwe Kaiser Rutgers schrieb: Thx, I'll give it a try! Ian -Original Message- From: Uwe Kaiser [mailto:[EMAIL PROTECTED] Sent: May 13, 2005 6:25 PM To: Ian Anna-Ruth Rutgers Subject: Re: [css-d] Space below left nav Ian Anna-Ruth Rutgers schrieb: Thank you everyone for your help with my work on this page. The problem with the footer has been resolved. My remaining issue is with the space below the left navigation. I would love it if someone would point out how to get the grey background of the left navigation to continue to the bottom of the page. This is not an issue in Internet Explorer, but in Firefox and Netscape. Hi, This is an issue in MSIE/PC, FF/PC etc. Please increase/decrease the font-size -- and you will see. I didn't look at your source, but normaly the solution in such case consists in using a background-image. (eg.width: 2000px, height: 4px, repeat-y) The grey part at left should be as wide as the left nav. width of leftnav in px --- | color: grey | transparent --- --- 2000px regards, Uwe Kaiser __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
[css-d] Space below left nav
Thank you everyone for your help with my work on this page. The problem with the footer has been resolved. My remaining issue is with the space below the left navigation. I would love it if someone would point out how to get the grey background of the left navigation to continue to the bottom of the page. The page in question is http://www.otima.ca/blogs/default2.php which I have now separated the css into two files core.css and secondary.css ... much easier to read and modify. Thanks in advance for your help. Ian __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
[css-d] Space below left nav
Thank you everyone for your help with my work on this page. The problem with the footer has been resolved. My remaining issue is with the space below the left navigation. I would love it if someone would point out how to get the grey background of the left navigation to continue to the bottom of the page. This is not an issue in Internet Explorer, but in Firefox and Netscape. The page in question is http://www.otima.ca/blogs/default2.php which I have now separated the css into two files core.css and secondary.css ... much easier to read and modify. Thanks in advance for your help. Ian p.s. sorry for sending this 2x ... I had forgotten a crucial point. __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
[css-d] Disappearing Format
Would someone please take a look at ttp://www.otima.ca/blogs/blogformat.php in I.E. 6.0. When the page first loads, the main navigation (white text on blue background) looks as it should. If I refresh the page, the formatting is lost (okay ... changes to something else) and I have no idea why. The same page viewed in Netscape or FireFox does not display the same issue. Thank you in advance for your help! Ian __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/