Comunidad PHPeros
Lenguajes => CSS => Mensaje iniciado por: Saphari en 16 de Febrero de 2011, 18:28:57 pm
-
buenas tarder a todos en el foro, estoy haciendo una web con html y css, pero ella se ve bien el firefox pero en IE no se ve bien a ver si me ayudan arreglarla por favor aqui os dejo del css.
body {
background-image: url(../image/fondo1280x1024.jpg);
background-repeat: no-repeat;
background-color: #c1c1c4;
margin: 0 0 0 0;
}
.menu1 {padding:0 0 0 0;
margin:0;
margin-top:0;
list-style:none;
width: 100%;
height:35px;
background:#fff url(../image/button1.gif);
position:relative;
border:1px solid #000;
border-width:0 1px;
border-bottom:1px solid #444;
}
.menu1 li {
float:left;
}
.menu1 li a {display:block;
float:left;
height:35px;
line-height:35px;
color:#aaa;
text-decoration:none;
font-size:11px;
font-family:arial, verdana, sans-serif;
font-weight:bold;
text-align:center;
padding:0 0 0 8px;
cursor:pointer;
}
.menu1 li a b {float:left;
display:block;
padding:0 12px 0 8px;
}
.menu1 li.current a {color:#fff;
background:url(../image/button3.gif);
}
.menu1 li.current a b {background:url(../image/button3.gif) no-repeat right top;}
.menu1 li a:hover {color:#fff;
background:#000 url(../image/button2.gif);
}
.menu1 li a:hover b {background:url(../image/button2.gif) no-repeat right top;}
.menu1 li.current a:hover {color:#fff;
background:#000 url(../image/button3.gif);
cursor:default;
}
.menu1 li.current a:hover b {background:url(../image/button3.gif) no-repeat right top;}
#Conten{
width: 950px;
height:100%;
margin: 220px 0 0 0;
padding:0 0 0 0px;
BORDER: #000 5px solid;
clear:both;
}
#login{
width: 20%;
height:20%;
margin:0 0 0 0;
BORDER: #000 2px solid;
padding: 0 0 0 0px;
float: left;
word-wrap: break-word;
}
#notice{
width:59%;
height:20%;
margin: 0 0 0 0px;
border: #000 2px solid;
padding: 0 0 0 0px;
float: left;
}
#status{
width:19%;
height:20%;
margin: 0 0 0 0px;
border: #000 2px solid;
padding: 0 0 0 0px;
float: left;
}
#gms{
width: 20%;
height:20%;
margin:0 0 0 0;
BORDER: #000 2px solid;
padding: 0 0 0 0px;
float: left;
clear:both;
}
#info{
width:59%;
height:20%;
margin: 0 0 0 0px;
border: #000 2px solid;
padding: 0 0 0 0px;
float: left;
}
#valida{
width:19%;
height:20%;
margin: 0 0 0 0px;
border: #000 2px solid;
padding: 0 0 0 0px;
float: left;
}
#footer{
width: 100%;
height: 150px;
margin: 20 0 0 0px;
padding:0 0 0 0;
background: #C1C1C4; /* old browsers */
background: -moz-linear-gradient(top, #C1C1C4 0%, #000000 50%); /* firefox */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#C1C1C4), color-stop(50%,#000000)); /* webkit */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#C1C1C4', endColorstr='#000000',GradientType=0 ); /* ie */
}
#footer2{
margin: 50 0 0 0px;
height: 60%;
border: #fff 1px solid;
background:url(../image/ncsoft.png) no-repeat;
clear:both;
}