Hi, i have a menu in aspnet that used to be fine, now, my user wants it to work in ie6 as well as in IE7, it used to be ok in ie7, in ie6 the menu looks just like links. It doesn't works well in firefox but now my big problem is to get it working on IE6.
The menu is in a master page and I use a sitemap data source to feed the menu. the problem is basically the way it looks.
Any idea?
Thanks.
5 6469
Hi, i have a menu in aspnet that used to be fine, now, my user wants it to work in ie6 as well as in IE7, it used to be ok in ie7, in ie6 the menu looks just like links.
Any idea?
Thanks.
Maybe your stylesheet? Please include some code sample you have. There are certain styles that function differently in ie6/ie7
Maybe your stylesheet? Please include some code sample you have. There are certain styles that function differently in ie6/ie7
- <td height="66px" valign="bottom">
-
<asp:Image ID="imgAdmin" runat="server" Height="19px" Width="241px" ImageAlign="Top"></asp:Image>
-
<asp:Menu ID="Menu2" runat="server" CssClass="menu" Height="1px" Orientation="Horizontal" Width="297px" DataSourceID="SiteMapDataSource1"
-
MaximumDynamicDisplayLevels="0">
-
<LevelMenuItemStyles>
-
<asp:MenuItemStyle BorderColor="#FFC080" BorderStyle="Solid" BorderWidth="1px" Font-Underline="False"
-
Height="35px" HorizontalPadding="5px" ItemSpacing="0px" VerticalPadding="10px"
-
Font-Names="Arial" Font-Size="X-Small" ForeColor="Black" />
-
</LevelMenuItemStyles>
-
<StaticHoverStyle BorderColor="#FFE0C0" BorderStyle="Solid" BorderWidth="1px"
-
Font-Names="Arial" BackColor="#FFE0C0" />
-
<LevelSelectedStyles>
-
<asp:MenuItemStyle BackColor="LightBlue" Font-Underline="False" BorderColor="LightBlue"
-
BorderStyle="Solid" BorderWidth="1px" Font-Names="Arial" Font-Size="X-Small"
-
ForeColor="Black" HorizontalPadding="0px" ItemSpacing="0px" VerticalPadding="10px" />
-
</LevelSelectedStyles>
-
</asp:Menu>
-
</td>
This is my menu, that works on IE7 but not in IE6. And this is my styles: - body
-
{
-
font-family: Arial, Helvetica, sans-serif;
-
background-image: url(images/bg.gif);
-
margin-left: 0px;
-
margin-top: 0px;
-
margin-right: 0px;
-
margin-bottom: 0px;
-
}
-
/* Apply to table tag of any table used in the datagrid */
-
.Grid
-
{
-
padding: 1px;
-
border-color: #5aaac5;
-
border-width: 1px;
-
border-style: solid;
-
}
-
/*This is necessary to force styles on the nested tables within the custom grids*/
-
.Grid tr td
-
{
-
padding: 1px;
-
border-color: #5aaac5;
-
border-width: 1px;
-
border-style: solid;
-
}
-
-
/* Apply to header table of the datagrid */
-
.GridHeaderItem
-
{
-
background-color: #0f7095;
-
color: #f1e7d3;
-
font-family: Arial, Helvetica, sans-serif;
-
font-size: 11px;
-
text-align: center;
-
font-weight: bold;
-
}
-
/*This is necessary to force styles on the nested tables within the custom grid headers*/
-
.GridHeaderItem tr td
-
{
-
text-align: center;
-
padding: 1px;
-
border-color: #5aaac5;
-
border-width: 1px;
-
border-style: solid;
-
}
-
-
/* Apply to odd number rows in the datagrid */
-
.GridListItem
-
{
-
background-color: #ffffff;
-
color: black;
-
font-family: Arial, Helvetica, sans-serif;
-
font-size: 11px;
-
}
-
-
-
/* Apply to even number rows in the data grid */
-
.GridListItemAlt
-
{
-
background-color: #f1e7d3;
-
color: black;
-
font-family: Arial, Helvetica, sans-serif;
-
font-size: 11px;
-
}
-
-
-
/* Apply to any row that needs to be added above the header of the datagrid to divide the datagrid into sections */
-
.GridSpecialItem
-
{
-
background-color: #5aaac5;
-
color: #264564;
-
font-family: Arial, Helvetica, sans-serif;
-
font-size: 11px;
-
text-align: right;
-
font-weight: bold;
-
}
-
-
-
/* Apply to columns in the datagrid that contain letters */
-
.GridAlpha
-
{
-
text-align: left;
-
valign: top;
-
vertical-align: top;
-
}
-
-
-
/* Apply to columns in the datagrid that contain numbers */
-
.GridNumeric
-
{
-
text-align: right;
-
valign: top;
-
vertical-align: top;
-
}
-
-
-
/* Apply to columns in the datagrid that contain icons or check boxes- or other things that need to be centered- should not be used for any data values */
-
.GridCentered
-
{
-
text-align: center;
-
valign: top;
-
vertical-align: top;
-
}
-
-
/* Grid header link styles */
-
.GridHeaderItem A:link
-
{
-
color: #f1e7d3;
-
text-decoration: none;
-
}
-
-
.GridHeaderItem A:visited
-
{
-
color: #f1e7d3;
-
text-decoration: none;
-
}
-
-
.GridHeaderItem A:active
-
{
-
text-decoration: underline;
-
color: #f1e7d3;
-
}
-
-
.GridHeaderItem A:hover
-
{
-
text-decoration: underline;
-
color: #f1e7d3;
-
}
-
/* Apply to all buttons */
-
.inadsButtons
-
{
-
font-family: Arial, Helvetica, sans-serif;
-
font-size: 11px;
-
font-weight: bold;
-
color: #ffffff;
-
background-color: #cc9933;
-
border-color: #bd6c19;
-
border-width: 1px;
-
border-style: solid;
-
}
-
.tableStyle
-
{
-
background-color: #FFFFFF;
-
background-position: center;
-
font-family: Arial, Helvetica, sans-serif;
-
font-size: 11px;
-
color: #000000;
-
text-align: left;
-
vertical-align: top;
-
}
-
.smallType
-
{
-
font-family: Arial, Helvetica, sans-serif;
-
font-size: 10px;
-
color: #333333;
-
}
-
.formElement
-
{
-
font-family: Arial, Helvetica, sans-serif;
-
font-size: 11px;
-
color: #000000;
-
}
-
.tableStyle td
-
{
-
vertical-align: text-top;
-
}
-
/* Grid header link styles */
-
A:link
-
{
-
color: #cc9933;
-
text-decoration: underline;
-
font-weight: bold;
-
}
-
-
A:visited
-
{
-
color: #cc9933;
-
text-decoration: underline;
-
font-weight: bold;
-
}
-
-
A:active
-
{
-
text-decoration: underline;
-
color: #bd6c19;
-
font-weight: bold;
-
}
-
-
A:hover
-
{
-
text-decoration: underline;
-
color: #bd6c19;
-
font-weight: bold;
-
}
-
.highlight
-
{
-
font-family: Arial, Helvetica, sans-serif;
-
font-size: 16px;
-
font-weight: bold;
-
color: #bd6c19;
-
}
-
h1
-
{
-
font-family: Arial, Helvetica, sans-serif;
-
font-size: 12px;
-
font-weight: bold;
-
color: #bd6c19;
-
margin-top: 0px;
-
margin-bottom: 0px;
-
}
-
h2
-
{
-
font-family: Arial, Helvetica, sans-serif;
-
font-size: 11px;
-
font-weight: bold;
-
color: #3c90bd;
-
}
-
.formAlignRight
-
{
-
text-align: right;
-
vertical-align: bottom;
-
}
-
.staticField
-
{
-
font-family: Arial, Helvetica, sans-serif;
-
font-size: 11px;
-
color: #000000;
-
border: 0px;
-
font-weight: bold;
-
}
-
.inadsSmallButtons
-
{
-
font-family: Arial, Helvetica, sans-serif;
-
font-size: 10px;
-
font-weight: bold;
-
color: #ffffff;
-
background-color: #cc9933;
-
border-color: #bd6c19;
-
border-width: 1px;
-
border-style: solid;
-
margin-bottom: 2px;
-
}
-
-
.wingdingStyle
-
{
-
font-family: Wingdings;
-
text-decoration: none;
-
font-size: 20px;
-
}
-
-
.wingding2Style
-
{
-
font-family: Wingdings 2;
-
text-decoration: none;
-
font-size: 20px;
-
}
-
-
.webdingStyle
-
{
-
font-family: Webdings;
-
text-decoration: none;
-
font-size: 20px;
-
}
-
.menu
-
{
-
font-family: Arial;
-
font-size: XX-Small;
-
color: black;
-
}
-
.menu a:link
-
{
-
font-family: Arial;
-
font-size: XX-Small;
-
color: Black;
-
text-decoration: none;
-
}
-
-
.menu a:visited
-
{
-
font-family: Arial;
-
font-size: XX-Small;
-
color: Black;
-
text-decoration: none;
-
}
-
-
.menu a:hover
-
{
-
font-family: Arial;
-
font-size: XX-Small;
-
color: Black;
-
text-decoration: none;
-
}
-
-
.menu a:active
-
{
-
font-family: Arial;
-
font-size: XX-Small;
-
color: Black;
-
text-decoration: none;
-
}
-
-
.tableStylemenu
-
{
-
background-color: white;
-
background-position: center;
-
font-family: Arial;
-
font-size: XX-Small;
-
color: Black ;
-
text-align:center;
-
vertical-align:text-bottom;
-
}
-
.tableStylemenu td
-
{
-
vertical-align:bottom;
-
}
Thanks.
What doctype are you using?
There is no such thing as valign in CSS.
IE7 is more standards compliant than IE6 and Firefox is more compliant than IE7. So I'm not surprised that you are having problems with IE6 but you should always use Firefox as your reference browser.
With all the asp code, it's difficult to extract the html so do you have a link or can you post the html by itself?
What doctype are you using?
There is no such thing as valign in CSS.
IE7 is more standards compliant than IE6 and Firefox is more compliant than IE7. So I'm not surprised that you are having problems with IE6 but you should always use Firefox as your reference browser.
With all the asp code, it's difficult to extract the html so do you have a link or can you post the html by itself?
Yes, I corrected the css. Well, the big problem is with the menu. I'm using this doc type: - <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
I changed it, but it just made the menu look bad in IE7. Thats the doc type that Visual studio puts by default, i haven't changed it my self. The menu looks good in firefox and IE7.
This is the code for the menu - <table class="tableStylemenu" cellspacing="0" cellpadding="0" width="720" align="center" border="0">
-
<tr>
-
<td style="height: 66px">
-
<asp:Image ID="imgLogo" runat="server" ImageUrl="~/images/cls_logo.gif" AlternateText="CLS Logo.">
-
</asp:Image></td>
-
<td height="66px" valign="bottom">
-
<asp:Image ID="imgAdmin" runat="server" Height="19px" Width="241px" ImageAlign="Top"></asp:Image>
-
-
<asp:Menu ID="Menu2" runat="server" CssClass="menu" Height="1px" Orientation="Horizontal" Width="297px" DataSourceID="SiteMapDataSource1" -
MaximumDynamicDisplayLevels="0">
-
<LevelMenuItemStyles>
-
<asp:MenuItemStyle BorderColor="#FFC080" BorderStyle="Solid" BorderWidth="1px" Font-Underline="False"
-
Height="35px" HorizontalPadding="5px" ItemSpacing="0px" VerticalPadding="10px"
-
Font-Names="Arial" Font-Size="X-Small" ForeColor="Black" />
-
</LevelMenuItemStyles>
-
<StaticHoverStyle BorderColor="#FFE0C0" BorderStyle="Solid" BorderWidth="1px"
-
Font-Names="Arial" BackColor="#FFE0C0" />
-
<LevelSelectedStyles>
-
<asp:MenuItemStyle BackColor="LightBlue" Font-Underline="False" BorderColor="LightBlue"
-
BorderStyle="Solid" BorderWidth="1px" Font-Names="Arial" Font-Size="X-Small"
-
ForeColor="Black" HorizontalPadding="0px" ItemSpacing="0px" VerticalPadding="10px" />
-
</LevelSelectedStyles>
-
</asp:Menu>
-
-
</td> . . .some <td>. . <table/> etc
Thanks
I finally found a solution to this. Thanks to this blog
And thank you guys for your help.
Sign in to post your reply or Sign up for a free account.
Similar topics
by: Admin |
last post by:
Hi Guys,
I am creating a CSS menu that works fine in Opera and Firefox (latest
versions), but in IE it doesn't work as expected (ok, I know!) :(
Do you know what the problem is (the red menu)?...
|
by: Andrew Chalk |
last post by:
My application attempts to connect to an SQL Server database as name ASPNET
and Login Name SERVERNAME/ASPNET in response to these commands:
SqlConnection myConnection = new SqlConnection("Data...
|
by: Deborah |
last post by:
I'm a rookie, and I guess I know just enough to be dangerous. I found a
great template website, openwebsign.org, and found an open source
template I really liked that even came in 2 versions. ...
|
by: Ziphyre |
last post by:
Hi,
I've got some problems with horizontal drop down menu. It looks fine
under Firefox, a mess under IE.
I've noticed the following differences/problems:
- Extra space between menu items and...
|
by: Edward |
last post by:
I created a simple CSS layout (code and example below) for
bloggin/writing but ran into five issues that I need help with:
1. How do I get rid of the right-margin red line on the last three...
|
by: calebih |
last post by:
Here is the link in question:
http://www.redchip.com/testing.asp
It is simply styled with floating divs.
Two floating divs are in a container, and they look fine, until I
insert dropdown...
|
by: Ste |
last post by:
Hi there,
I'm using CSS to highlight main navigation items in a 'suckerfish menu'
for the currently loaded page, i.e. when on the home page, the 'home'
navigation item should be highlighted.
...
|
by: Jim |
last post by:
Hi,
I have two questions/problems pertaining to CSS horizontal dropdown
menus and am hoping that someone here can help me out.
(1)
I'm having a problem centering the menu. I picked up the...
|
by: Candoer |
last post by:
I am new to both HTML and CSS. Several months ago my High School Alumni association web master died and they asked me to take over the web site. I had never worked with CSS but had some experience...
|
by: DolphinDB |
last post by:
Tired of spending countless mintues downsampling your data? Look no further!
In this article, you’ll learn how to efficiently downsample 6.48 billion high-frequency records to 61 million...
|
by: ryjfgjl |
last post by:
ExcelToDatabase: batch import excel into database automatically...
|
by: isladogs |
last post by:
The next Access Europe meeting will be on Wednesday 6 Mar 2024 starting at 18:00 UK time (6PM UTC) and finishing at about 19:15 (7.15PM).
In this month's session, we are pleased to welcome back...
|
by: Vimpel783 |
last post by:
Hello!
Guys, I found this code on the Internet, but I need to modify it a little. It works well, the problem is this: Data is sent from only one cell, in this case B5, but it is necessary that data...
|
by: jfyes |
last post by:
As a hardware engineer, after seeing that CEIWEI recently released a new tool for Modbus RTU Over TCP/UDP filtering and monitoring, I actively went to its official website to take a look. It turned...
|
by: PapaRatzi |
last post by:
Hello,
I am teaching myself MS Access forms design and Visual Basic. I've created a table to capture a list of Top 30 singles and forms to capture new entries. The final step is a form (unbound)...
|
by: af34tf |
last post by:
Hi Guys, I have a domain whose name is BytesLimited.com, and I want to sell it. Does anyone know about platforms that allow me to list my domain in auction for free. Thank you
|
by: Faith0G |
last post by:
I am starting a new it consulting business and it's been a while since I setup a new website. Is wordpress still the best web based software for hosting a 5 page website? The webpages will be...
|
by: isladogs |
last post by:
The next Access Europe User Group meeting will be on Wednesday 3 Apr 2024 starting at 18:00 UK time (6PM UTC+1) and finishing by 19:30 (7.30PM).
In this session, we are pleased to welcome former...
| |