[css-d] CSS Navigation formatting issues and overall page structure issue

[K Husbands]

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

 

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 but I have tried various ideas to no avail
at this point.

 

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 Navigation formatting issues and overall page structure issue

[cj]

On 2/8/06, K Husbands <[EMAIL PROTECTED]> wrote:
> 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")

when i delete this part, the line disappears:

#nav {
background: url(images/greypx.gif) repeat-x left bottom;
}


> 2.  Space appears between the navigation bar and the image. (not
> desired)

looks like you fixed this.  :)


> 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.

i'm not seeing the page shift, so i assume it's been fixed as well. 
if not, however, it might be due to the scrollbar on the right hand
side appearing for tall pages.


> The site can be viewed here:
> http://www.wordseurope.domainsolutions.ca/test/index.html
__
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/