FF and IE problems with navBreadCrumb

I have been pulling my hair out this last week. :frusty:

My navBreadCrumb bar looks good in FF, but margin-left leaves white space in IE. When I try to get IE fixed, it messes up FF. I have also tried to comment out margin-left and _margin-left - did not work either.

Does anyone know what I can do so IE shows fix, but not ruin FF?

Kim

I saw not reason for the margins in FF - - What happens in IE if you remove them??

#navBreadCrumb {
	color: #FFFFFF;
	background-color: #083562;
	font-size: 1.2em;
	font-weight: bold;
	text-align: left;
	line-height: 1.5em;
	padding-left: 2.5em;
	}

kobra:

I saw not reason for the margins in FF - - What happens in IE if you remove them??

#navBreadCrumb {
color: #FFFFFF;
background-color: #083562;
font-size: 1.2em;
font-weight: bold;
text-align: left;
line-height: 1.5em;
padding-left: 2.5em;
}

Hi kobra,
I removed the margins and still have space.

As I connot do IE interactively like I can with FF you will need to test these individually or in combination to see what IE is doing
And if centerColumn - you might need to break it out into its own entry

.centerColumn, #bannerOne, #bannerTwo,  #bannerThree,  #bannerFour,  #bannerFive,  #bannerSix {
	display: block;
	background-color: #FFFFFF;
	padding: .6em;
	}

#navColumnOneWrapper {
	background-color: #ffffff;
	margin-left: auto;
	margin-right: .4em;
	}

kobra:

As I connot do IE interactively like I can with FF you will need to test these individually or in combination to see what IE is doing
And if centerColumn - you might need to break it out into its own entry

.centerColumn, #bannerOne, #bannerTwo, #bannerThree, #bannerFour, #bannerFive, #bannerSix {
display: block;
background-color: #FFFFFF;
padding: .6em;
}

#navColumnOneWrapper {
background-color: #ffffff;
margin-left: auto;
margin-right: .4em;
}

Thanks kobra, after about six hours and countless combinations to try and get it....I gave up and decided the blue was not that important. I appreciate your willingness to help.

Now. (I loaded the alternative header 1.1a to put my login/home in my header.) I have an extra space. I am trying to get rid of space that is above the menu/categories. Plus, several other things that are not working/looking correct on the main page. Does it ever end where you are actually satisfied with your home/main page? 

Kim

You have an awful lot of stylesheets there, and they may be fighting each other.

To get rid of the white space above the drop down menu, try changing the part in red, to 1.6 or 7:

#dropMenuWrapper {
width:99.8%;
height:25px;
margin: -1.3em 0em 0em 0em;
padding: 0em;
font-size: 10px;
background: #cccccc;
border-right: 1px solid #083562;
border-left: 1px solid #083562;
}

That's in the alt_tpp_tabs14 sheet.

What else don't you like?

stevesh:

You have an awful lot of stylesheets there, and they may be fighting each other.

To get rid of the white space above the drop down menu, try changing the part in red, to 1.6 or 7:

#dropMenuWrapper {
width:99.8%;
height:25px;
margin: -1.3em 0em 0em 0em;
padding: 0em;
font-size: 10px;
background: #cccccc;
border-right: 1px solid #083562;
border-left: 1px solid #083562;
}

That's in the alt_tpp_tabs14 sheet.

What else don't you like?

Thanks stevesh. I will try it tonight for the white space.

I am trying to get login/home to be vertical line across top of header/logo instead of to the right. When I looked at stylesheet it is tied to .float, but the .float is also tied to other parts like when you view list of products with 1.2.3pages. Not sure how to divide.

The menu/categories do not look professional? good?. Not sure what it is. I guess I am missing something, but have not figured it out yet.

Last thing (that I know of), I keep getting hidetail and showtail errors with little red x at bottom of webpage. I googled, but did not get much response to fix and have not seen very much in forum. What is it? How do I get rid of it? I just started showing up after I loaded the CSS Horizontal Menu.

Thanks for your help. Kim

A few things:

I'd add a few px of margin to the navColumn right and left to pull the sideboxes away from the edge. Should look cleaner.

I'd add some margin-top to navbreadcrumb - it seems a little jammed up against the top.

I'm not a particular fan of dropdown menus, so I can't comment on that. Seems to work OK.

Some of your buttons are custom, some are the stock Zencart buttons. The difference really stands out. Might want to finish the custom buttons.

I also might re-think the gray background color, but that's a personal preference thing. It makes your site look a little somber to me.

Your site seems to work fine, if a little sluggish, and your images are great.

stevesh:

A few things:

I'd add a few px of margin to the navColumn right and left to pull the sideboxes away from the edge. Should look cleaner.

I'd add some margin-top to navbreadcrumb - it seems a little jammed up against the top.

I'm not a particular fan of dropdown menus, so I can't comment on that. Seems to work OK.

Some of your buttons are custom, some are the stock Zencart buttons. The difference really stands out. Might want to finish the custom buttons.

I also might re-think the gray background color, but that's a personal preference thing. It makes your site look a little somber to me.

Your site seems to work fine, if a little sluggish, and your images are great.

Thank you so much for the feedback!:clap::clap:

I really appreciate it. I have not found the right color for background of sideboxes and white is too much. I will dig into the custom buttons. And I have already made some of your suggestions.