Arten
Legacy Member
hallo
ik heb een menu in een asp.net website waarvan de opmaak door css gebeurt en in firefox is het in orde maar in explorer geeft hij die rare groene balken en die witte randjes. Ik vind zelf niet hoe dit komt, zouden jullie de css eens willen bekijken?
een foto van hoe het er in explor er uitziet
http://users.telenet.be/cmx/menuASP.JPG
de asp code:
de css code:
alvast bedankt
ik heb een menu in een asp.net website waarvan de opmaak door css gebeurt en in firefox is het in orde maar in explorer geeft hij die rare groene balken en die witte randjes. Ik vind zelf niet hoe dit komt, zouden jullie de css eens willen bekijken?
Code:
http://users.telenet.be/cmx/menuASP.JPG
de asp code:
Code:
<div id="navigation" style="left: 0.75em; top: 14.66em; z-index: 100;" >
<ul>
<li>
<asp:HyperLink ID="lnkHome" runat="server" NavigateUrl="~/Default.aspx">Home</asp:HyperLink>
<asp:Repeater ID="menu" runat="server" DataSourceID="SiteMapDataSource1" EnableViewState="False">
<ItemTemplate>
<li>
<asp:HyperLink ID="HyperLink3" runat="server" NavigateUrl='<%# Eval("Url") %>'><%# Eval("Title") %></asp:HyperLink>
<asp:Repeater ID="Repeater1" runat="server" DataSource='<%# CType(Container.DataItem, SiteMapNode).ChildNodes %>'>
<HeaderTemplate>
<ul>
</HeaderTemplate>
<ItemTemplate>
<li>
<asp:HyperLink ID="HyperLink2" runat="server" NavigateUrl='<%# Eval("Url") %>'><%# Eval("Title") %></asp:HyperLink>
</li>
</ItemTemplate>
<FooterTemplate>
</ul>
</FooterTemplate>
</asp:Repeater>
</li>
</ItemTemplate>
</asp:Repeater>
</li>
</ul>
<asp:SiteMapDataSource ID="SiteMapDataSource1" runat="server" ShowStartingNode="false" />
</div>de css code:
Code:
body {
background-color: #9DB640;
color: #FFFFFF;
font-size: small;
font-family: Tahoma, Arial, Helvetica, sans-serif;
}
/* Header Section */
#header
{
background-color: #9DB640;
background-image: url('images/bgstretch.gif');
background-repeat: repeat-x;
background-position: top left;
height:147px ;
}
#header .title {
font: 190% Arial, Helvetica, Georgia, "Times New Roman", Times, serif;
color: white;
background-color: transparent;
float: left;
margin-right: 2em;
margin-top: 0.3em;
margin-left: 10px;
}
#header .breadcrumb {
font: 90% Arial, Helvetica, Georgia, "Times New Roman", Times, serif;
color: black;
background-color: transparent;
float: right;
margin-right: 0.4em;
margin-top: 0em;
font-weight:bold;
}
#header a:link, a:visited {
color: #B51032;
}
/* Navigation */
#navigation {
width: 200px;
top: 5em;
left: 1em;
width: 13em;
position:absolute;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size:90%;
border-left: 2px solid white;
}
#navigation ul {
list-style: none;
margin: 0;
padding: 0;
}
#navigation li {
}
#navigation li a {
display: block;
padding: 5px 5px 5px 0.5em;
border-left: 12px solid #29308B; /*linker blokje*/
border-right: 5px solid #29308B; /*rechterblokje*/
background-color: #29308A; /*achtergrond knop*/
color: #FFFFFF;
text-decoration: none;
}
#navigation li a:hover {
color: #FFFFFF;
font-weight:bold
}
#navigation ul ul
{
border-left: 12px solid #29308A;
border-right: 3px solid #29308A;
margin-left: 0px; /*inspring submenu's*/
}
#navigation ul ul li
{
margin: 0px; /*afstand verticaal tussen alle knoppen */
color: white;
}
#navigation ul ul a:link, #navigation ul ul a:visited
{
border-bottom: 1px solid white;
background-color: #B5CE52;
color: #44448C;
}
#navigation ul ul a:hover {
font-weight:bolder;
}
/* Main Content */
#content
{
margin-top:1em;
margin-left: 16em;
margin-right: 2em;
background-color: White;
}
h1 {
font: 150% Arial, Helvetica, Georgia, "Times New Roman", Times, serif;
}
#content p {
font-size: 80%;
line-height: 1.6em;
}
#content ul {
font-size: 80%;
line-height: 1.6em;
}
/* Data Web Control Styles */
.DataWebControlStyle
{
font-size: 90%;
}
.HeaderStyle
{
background-color: #900;
color: White;
font-weight: bold;
}
.AlternatingRowStyle
{
background-color: #fcc;
}
.RowStyle
{
}alvast bedankt