Tema: de cs2 a cs3
Ver Mensaje Individual
  #5 (permalink)  
Antiguo 30/06/2012, 12:48
rococo11
 
Fecha de Ingreso: junio-2012
Mensajes: 21
Antigüedad: 11 años, 10 meses
Puntos: 1
Respuesta: de cs2 a cs3

Vale bamos por partes, primero decir que tengo internet explorer 8, pero tambien tengo el opera, mozilla y chrome y se ve desfigurada pero tampoco se puede observar ningun borde redondeado. Me habeis pedido el codigo, enseño el html y el css porque no se cual quereis:

HTML:

</head>
<body>
<div id="global">

<div id="cabecera">
<div id="logotipo"><img src="material/logotipo.png" width="400px" height="58px" alt="Adobe-y-Office"></div>
<div id="home"><p><a href="#" target="_blank">Home</a> | <a href="#" target="_blank">E-mail</a> | <a href="#" target="_blank">Foro</a></p></div>
</div>

<div id="navegacion">
<div id="descargas">
<div id="adobe"><img src="material/boton2.png" width="170px" height="50px" alt="adobe"></div>
<div id="office"><img src="material/boton2.png" width="170px" height="50px" alt="adobe"></div>
</div>
<div id="informacion">
<div id="cursos"><img src="material/boton2.png" width="170px" height="50px" alt="adobe"></div>
<div id="foro"><img src="material/boton2.png" width="170px" height="50px" alt="adobe"></div>
</div>
</div>

<div id="anuncios">
<p>Anuncios:</p>
<ul>
<li><a href="#">Enlace del anuncio</a></li>
<li><a href="#">Enlace del anuncio</a></li>
<li><a href="#">Enlace del anuncio</a></li>
<li><a href="#">Enlace del anuncio</a></li>
</ul>
</div>

<div id="contenido">
<div id="lateral-izquierdo">
</div>
<div id="lateral-derecho">
</div>
</div>



</div>
</body>
</html>

Y el CSS:

body {background-color:#DED3D3; text-align:center}
#global {width:900px;}
#cabecera {background-color:white; width:1000px; height:80px; border-left:2px solid black; border-right:2px solid black; border-top:2px solid black; border-radius:15px}
#logotipo {background-color:white; width:548px; height:76px; float:left;}
#logotipo img {margin: 10px 0px 0px 0px}
#home {background-color:white; width:448px; height:76px; float:right;}
#home p {font-size:18px; font-weight:bold; margin:30px 0px 0px 190px}
#home a {}
#home a:visited {color:#3366BB}
#navegacion {background-image:url(material/fondist.png); background-repeat:repeat; width:1000px; height:170px; padding:0px 0px 0px 0px; border:2px solid black;}
#descargas {width:498px; height:168px; float:left;}
#adobe {width:249px; height:168px; float:left; padding: 90px 0px 0px 0px;}
#office {width:249px; height:168px; float:right; padding: 90px 0px 0px 0px;}
#informacion {width:498px; height:168px; float:right}
#cursos {width:249px; height:168px; float:left; padding: 90px 0px 0px 0px;}
#foro {width:249px; height:168px; float:right; padding: 90px 0px 0px 0px;}
#anuncios {background-color:yellow; width:1000px; height:20px; border-left:2px solid black; border-right:2px solid black; border-botom:2px solid black;}
#anuncios li {float:left; margin:0px 5px 0px 70px}
#anuncios p {float:left; margin:0px 10px 0px 10px}
#anuncios a {text-decoration:none}
#anuncios a:visited {color:#3366BB}
#contenido {background-color:#D8D8D8; width:1000px; height:600px; border:2px solid black}
#lateral-izquierdo {background-color:#BDBDBD; width:200px; height:596px; float:left}
#lateral-derecho {background-color:#BDBDBD; width:300px; height:596; float:right}

-----------------------------------------------------------------------------------------------------

PD: Me gustaria insertar el codigo en la div de cabecera, hay un codigo insertado pero no me surge efecto (border-radius:15px) si ustedes saben porque... Muchas gracias por sus respuestas.