CSS - Capas y divs

   
Vista:

Capas y divs

Publicado por Javier (2 intervenciones) el 12/08/2009 20:57:01
Hola a todos:
Necesito ayuda!!
Quiero ubicar dentro de un div un archivo.png, pero que quede ubicado como fondo,
en la esquina superior derecha.
Entiendo que debo usar "capas" (z-index) y position, pero lo he intentado y no me funciona.
Les dejo el codigo que tengo (y que creo es donde debo modificar)

///////////////////// estilos.css

#container {background:#c0c0c0 url(../img/body.jpg) repeat-x; margin:0 auto; text-align:left; width:752px; }

#wrap1 {background:#ffffff url(../img/innerbg.gif) repeat-y; border-bottom:1px solid #808080;
border-left:1px solid #808080; border-right:1px solid #808080; clear:both; padding:0; width:750px;}

#wrap2 {background:url(../img/header.jpg) top left no-repeat; padding:10px; width:730px; }

#contentalt {margin:15px 15px 0 180px; position: relative; }


/////////////////// En indice.html:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

<html xmlns="http://www.w3.org/1999/xhtml" lang="en" xml:lang="en">
<head>
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<meta name="description" content="a" />
<meta name="keywords" content="b" />
<meta name="author" content="c"" />

<link rel="stylesheet" type="text/css" href="../css/estilos.css" title="estilos" media="screen,projection" />

<title>xxx</title>
</head>

<body>

<div id="container">

<div id="wrap1">

<div id="wrap2">

<div id="contentalt">

<!-- En este container es donde quiero ubicar una imagen.png,
arriba a la derecha y que quede como fondo.
¨es posible? ¨Se debe hacer de otra forma?
¨Se deber¡a crear otro div contenedor y dentro de ‚ste
recien poner a "contenalt" ?
Desde ya muchas gracias.
-->
</div>
</div>
</div>
</div>

</body>
</html>

Gracias anticipadas por la respuesta.

Saludos
Javier
Valora esta pregunta
Me gusta: Está pregunta es útil y esta claraNo me gusta: Está pregunta no esta clara o no es útil
0
Responder

RE:Capas y divs

Publicado por Dark-zen (6 intervenciones) el 05/10/2009 00:23:13
lo que te falta es definir "height" para que aprecies el cambio...

estaba jugando con tu codigo y saque algo asi

#container {background:#c0c0c0 url(body.png) repeat-x;

margin:0 auto; text-align:left; width:752px; }

#wrap1 {background:#ffffff url(innerbg.png) repeat-y; border

-bottom:1px solid #808080;
border-left:1px solid #808080; border-right:1px solid

#808080; clear:both; padding:0; width:750px;}

#wrap2 {background:url(header.png) top left no-repeat;

padding:10px; width:730px; }

#contentalt {background:url(header.png) top right no-

repeat;height:400px;margin:15px 15px 0 180px; position:

relative; }
Valora esta respuesta
Me gusta: Está respuesta es útil y esta claraNo me gusta: Está respuesta no esta clara o no es útil
0
Comentar