[css-d] CSS Tab Menu Issue & Page Shifting Issue
CSS Experts, First of all, I want to position the navigation bar on the right. (i.e. Float Right) so I wrapped the "nav" div in a container named "navcontainer" to facilitate this. The navigation was working perfectly fine yesterday well positioned on top of the image right below it but for the last 24 hours it has given me nothing short of nightmares. Issues: 1. Black line appears under the nav tab, which I don't want. The goal is for the tabs to sit flush on the div holding the image (i.e. div "desc") 2. Space appears between the navigation bar and the image. (not desired) 3. Even though I made the initial template page and duplicated it for the other pages, when browsing the site in Firefox the whole page shifts from left to right and back depending on which links you click. For instance going from the Media page to Clients or Contact Us page, everything appears fine, as with going from Home to Services to Values. However, any other sequence browsing the site, shifts entire page within the browser. I am completely perplexed as to why this is happening. The site can be viewed here: http://www.wordseurope.domainsolutions.ca/test/index.html CSS here: http://www.wordseurope.domainsolutions.ca/test/styles2_02_08.ZIP HTLM Here: http://www.wordseurope.domainsolutions.ca/test/we_02_08.zip I am really stumped with these issues at this point and require your expertise. This is my first posting and I have browsed other emails to see if there was anything that helped. I have tried various ideas to no avail and require someone's expert eye to review where I am going wrong. Thanks a million for your help. Cheers, KO __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7b2 testing hub -- 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] CSS Tab Menu Issue & Page Shifting Issue
-Original Message- From: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED] On Behalf Of K Husbands Sent: Wednesday, February 08, 2006 9:28 PM To: css-d@lists.css-discuss.org Subject: [css-d] CSS Tab Menu Issue & Page Shifting Issue 3. Even though I made the initial template page and duplicated it for the other pages, when browsing the site in Firefox the whole page shifts from left to right and back depending on which links you click. For instance going from the Media page to Clients or Contact Us page, everything appears fine, as with going from Home to Services to Values. However, any other sequence browsing the site, shifts entire page within the browser. I am completely perplexed as to why this is happening. The site can be viewed here: http://www.wordseurope.domainsolutions.ca/test/index.html [Adie Hart] What solutions you've found to this issue? I am experiencing the same issue with a site in development (www.fratelliimmo.com/index-new.html). I believe it is to do with FF not reserving space for vertical scrollbars in longer pages. IE does and so the shift does not occur. My solution for FF only, and it worked on your site to when I tried, has been to put in the css... html {overflow:-moz-scrollbars-vertical!important;} It has not helped the shift from not happening in Opera. Does anyone have a solution for Opera or a better fix than the one I am using for FF? Thanks in advance. Adie www.adiehart.com __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7b2 testing hub -- 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] CSS Tab Menu Issue & Page Shifting Issue
Adie Hart wrote: > > 3. Even though I made the initial template page and duplicated it for the > other pages, when browsing the site in Firefox the whole page shifts from > left to right and back depending on which links you click. For instance > going from the Media page to Clients or Contact Us page, everything appears > fine, as with going from Home to Services to Values. However, any other > sequence browsing the site, shifts entire page within the browser. I am > completely perplexed as to why this is happening. > > The site can be viewed here: > http://www.wordseurope.domainsolutions.ca/test/index.html > > [Adie Hart] > > What solutions you've found to this issue? I am experiencing the same issue > with a site in development (www.fratelliimmo.com/index-new.html). I'm not seeing what you describe (1280x960), but you might consider a min-height on #container (for example) larger than the largest viewport height you expect so there will always be a scrollbar. -- Steve Clason Web Design & Development Boulder, Colorado, USA www.topdogstrategy.com (303)818-8590 __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7b2 testing hub -- 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/