Expression >
Forums Home
>
Expression Studio Forums
>
Expression Web and SuperPreview
>
Sharp eyes needed - where's the color coming from?
Sharp eyes needed - where's the color coming from?
- I may have asked about this buried in some other thread, but now a tad more evidence --
The site in question is www.mynumberstracker.com
Using IE8, the menu control on the left has a grey boundary showing. Using IE 7 (or just compatibility mode of IE8), that same area is white. This does not happen in Opera, Firefox, or Chrome.
I cannot figure out where that boundary color is coming from. I've searched through all the code and cant find it. Looking at the color code with DotColor, the code is #D4D0C8, which is the basic grey of the browser window. So it is almost like that boundary is a place where no color is assigned by the webpage and the default grey of the browser window is showing though.
Anyone have a clue about the cause?
ClarkNK, QVP
HomePage Doctor CHO
HomePageDoctor.com -- Expression Web database tutorials
Ownertrades.com -- Created with FP, Access, Bots and Wizards
MyNumbersTracker.com -- Created with Expression, VWDExress, SQL Express, and ASP.NET.
Answers
- That's the IE8's default table border color. You don't specify a border-color for that table. Explicitly put in a border-color of #FEDABA for that table and IE8 won't have to guess.
- Clark,
The table in question has a class "ct100_Menu1_2", and no border color is specified. Add the border-color to it. I tested this before my first reply, and it does work.- Marked As Answer byClarkNK Thursday, July 02, 2009 6:45 PM
All Replies
Yes odd! One thing I notice is that the opening <tr> and <td> for the menu both have the style LeftMenu, which could possibly be having an effect.
As you say, there's no grey of that colour (which the IE8 Dev Toolbar tells me is #F0F0F0 ) anywhere in the styles.
Ian
MS MVP Expressionhttp://www.ew-resource.co.uk
http://www.fp-resource.co.uk
Ian Haynes- That's the IE8's default table border color. You don't specify a border-color for that table. Explicitly put in a border-color of #FEDABA for that table and IE8 won't have to guess.
- Thanks for the input Kathy, but unfortunately that's not quite it. I have the CSS class for the table:
.stTable100Percent
{
width: 100%;
background-color: #FEDABA;
border-color: #fedaba;
border-width: 0px;
padding: 0px;
}
That grey I dont think is a border :=( and whatever it is, it is more than 1 pixel wide.
the class for the <td> </td> column containing the left menu is
.LeftMenu {
border-width: thick;
padding-top: 1em;
padding-right: 1em;
padding-bottom: 0em;
padding-left: 1em;
background-color: #FEDABA;
font-size: 1em;
font-family: Arial, Helvetica, sans-serif;
color: black;
border-top-color: #800000;
border-top-style: solid;
vertical-align: top;
}
I dont know why the test turned purple here when I pasted that. Anyway, I'm still looking for the solution :=(
It's not a fatal error, and IE7 it was white which fit in with the color scheme so I could live with it, but the grey is pretty shabby.
ClarkNK, QVP
HomePage Doctor CHO
HomePageDoctor.com -- Expression Web database tutorials
Ownertrades.com -- Created with FP, Access, Bots and Wizards
MyNumbersTracker.com -- Created with Expression, VWDExress, SQL Express, and ASP.NET. - Clark,
The table in question has a class "ct100_Menu1_2", and no border color is specified. Add the border-color to it. I tested this before my first reply, and it does work.- Marked As Answer byClarkNK Thursday, July 02, 2009 6:45 PM
- Ah so, no wonder I coudnt find the table. It's not part of my code at all -- its part of the code automatically generated by the menu control. I dont ever even see that table code except by viewing the source code in a browser.
And I dont see that there is any way to access it in order to modify it , but even as I am writing this I discovered I could set a border color in the properties pane of the Menu control, which I did, and it worked!! I did not realize that was setting a table border.
So -- thank you very much. Good Goin' Girl!!
ClarkNK, QVP
HomePage Doctor CHO
HomePageDoctor.com -- Expression Web database tutorials
Ownertrades.com -- Created with FP, Access, Bots and Wizards
MyNumbersTracker.com -- Created with Expression, VWDExress, SQL Express, and ASP.NET. - Yes, you have discovered one of the complexities of using asp.net controls. You need to be aware of how to style them. It's possible, but not quite as simple as straight html.
Looking at the rendered page in a browser is a good way to discover what your styling needs to affect (do you need table styles, for example). And, the controls let you both set styles directly in the controls, and to apply CSS classes to the control. - Clarke,
When styling dotnet controls you need to use clases or descendent selectors not IDs because ID can change when the control is render. Yeah, I know it seems sort of stupid but that's the way they work.
MS MVP Expression Tutorials & Help http://by-expression.com and online instructor led Expression Classes
