bonjour à tous,
je veux creer une page web avec asp.net
pour le desingn de la page j?utilise les <div></div> et les feuille de style ce qui me pose assez de probleme voila:
lorsque je compile la page sous explorer le resultat est plus pu moins ok
mais alors lorsque j?ouvre la sous internet explorer c?est le desordre total
voici mon fichier.css
html, body, div, p, h1, h2, h3, h4, h5, h6, blockquote, ol, ul, li, dl, dt, dd, td, form, fieldset, a, img, button {
border-style: none;
border-color: inherit;
border-width: 0;
padding: 0;
margin: 0;
height: 69px;
}
html, body
{
background-color : #cccccc;
height: 100%;
text-align : center;
}
#barreheader {
margin-top:0px;
height: 80px;
background-color:Yellow;
}
#contenugeneral
{
position:absolute;
left: 50%;
top: 30%;
width: 700px;
height: 600px;
margin-top: -150px;
margin-left: -350px;
border: 1px solid #000;
background-color:white;
}
#barremenu
{
height:18px;
background-color:#cccccc;
padding:0px;
border:0px solid #000000;
}
#menuhome
{
float:left;
text-align:center;
margin-left:150px;
margin-right:5px;
}
div#menuhome a{text-decoration: none;
}
div#menu ul
{
text-align:left;
padding-left:10px;
width: 80px;
}
#menu
{
width:80px;
float:left;
}
div#menu ul li
{
position:relative;
list-style: none; /*on enleve les icones de liste */
/*border-bottom:1px solid; ajout d'une bordure de separation d'element:*/
height:20px;
}
div#menu ul ul {
position: absolute;
top: 0;
display:none;
left: 60px;
}
div#menu li a {text-decoration: none; }
div#menu ul.niveau1 li.sousmenu:hover ul.niveau2
{
display:block;
}
#menugauche {
float:left;
position:absolute;
width: 20%;
height:450px;
background-color:white;
}
html>body #centre {
height:450px;
margin-left:21%;
margin-right:21%;
background-color: #FFF;
}
#droite {
float:right;
width: 20%;
height:450px;
background-color: #cccccc;
}
html>body #bas {
clear : both;
height:20px;
background-color: red;
/*visibility : hidden;
display : none;*/
}
#suchebox {
position:absolute;
height:100px;
margin-top:20px;
margin-left:10px;
text-align:right;
}
voici mon code je le fait sous visual c# 2008
</head>
<body>
<form id="form1" runat="server">
<div id = "contenugeneral"><!--debut cadre general -->
<div id ="barreheader"><h1>Header et logo</h1> <!--debut header--> </div> <!--fin header-->
<div id="barremenu"><!--debut barremenu du haut -->
<div id="menuhome"><a href="" style="color:black" onmouseover="this.style.color='#FFFF66'"onmouseout="this.style.color='#000'">home</a></div>
<div id="menu">
<ul class="niveau1">
<li class="sousmenu"><a href=""style="color:black" onmouseover="this.style.color='#FFFF66'"onmouseout="this.style.color='#000'" >produkte</a>
<ul class="niveau2">
<li><br /></li>
<li><a href="" style="color:black" onmouseover="this.style.color='#cccccc'" onmouseout="this.style.color='#000'">schuhe</a></li>
<li><a href=""style="color:black"onmouseover="this.style.color='#cccccc'"onmouseout="this.style.color='#000'">Damenuhren</a></li>
<li><a href=""style="color:black"onmouseover="this.style.color='#cccccc'"onmouseout="this.style.color='#000'">Damenkette</a></li>
</ul>
</li>
</ul>
</div>
</div><!--fin barremenu du haut-->
<div id="menugauche"><!--debut menu de gauche-->
<div id="suchebox">
<asp:TextBox runat="server" ID="txtsuche" Width="60px" TextMode="SingleLine"
BorderStyle="Solid"/>
<asp:Button runat="server" ID="btnsuche" Text="suche"/>
</div>
</div><!--fin menu de gauche-->
<div id="droite"><!--menu de droite--></div>
<div id="centre"> <!--debut menu du milieu-->
<asp:ContentPlaceHolder id="ContentPlaceHolder2" runat="server">
</asp:ContentPlaceHolder>
</div><!--fin menu du milieu-->
<div id="bas"><!--debut footer-->
</div><!--fin footer-->
</div> <!--fin cadre general -->
</form>
</body>
</html>
merci pour votre aide précieuse
Delphine