Inicio > Mis eListas > hcc > Mensajes

 Índice de Mensajes 
 Mensajes 752 al 771 
AsuntoAutor
Validación de docu Angel J.
RE: FRAMES sin bor angelica
Re: mi 1º ayuda Hector L
Resolución de pant leonardo
Re: seudo ventanas Juan R.
Re: Abrir fotos Juan R.
implementacion de leonardo
Problemas con css Daniela
Re: pdf en la web Juan R.
Re: DIV y P Juan R.
Re: ¿mejor class o Juan R.
Re: ¿mejor class o Iolusia
Problemas con codi fabuloso
RE: Problemas con Miguel O
RE: DIV y P Miguel O
Re: Capas...links. Juan R.
Re: ay las plantil Juan R.
Presentación Repti Colt. Ma
Re: Problemas con Daniela
RE: Presentación R Jesus Ed
 << 20 ant. | 20 sig. >>
 
HTML con Clase
Página principal    Mensajes | Enviar Mensaje | Ficheros | Datos | Encuestas | Eventos | Mis Preferencias

Mostrando mensaje 771     < Anterior | Siguiente >
Responder a este mensaje
Asunto:Re: [hcc] Problemas con css
Fecha:Domingo, 3 de Febrero, 2002  14:21:06 (-0300)
Autor:Daniela Blanco <danielablanco @.......com>
En respuesta a:Mensaje 766 (escrito por Miguel Ortiz Díaz)

Gracias Miguel. Cambiando a absolute pude mejorarlo un poco, aunque todavía
no me queda del todo bien. Hay unas separaciones entre las secciones que no
logro corregir.
Ahora quedo así:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0//EN">
<HTML>
 <HEAD>
  <LINK media=screen href="est2.css" type=text/css rel=stylesheet>
  <title>Título</title>
 </head>

 <body>

  <div id="encabezado">
  <p align="center">
  <img id=imgtitulo alt="Titulo" src="imagenes/principal.gif" width="500"
height="56" border="0">
  </p>
  </div>

  <div id="menu">
  Menu
  </div>

  <div id="publicidad">
  Banners
  </div>

  <div id="principal">
  Contenido
  </div>

 </body>
</html>

body {
 background-color: #EFF7CE;
}

#encabezado {
 position : absolute;
 width: 70%;
 height: 15%;
 top: 2%;
 right: 10%;
 boottom: 0;
 left: 15%;
 border : 1px solid #000000;
}

#menu {
 position : absolute;
 width: 15%;
 height: auto;
 top: 2%;
 right: 0;
 boottom: auto;
 left: 0;
 border : 1px solid #000000;
}

#publicidad {
 position: absolute;
 width: 15%;
 height: auto;
 top: 2%;
 right: 0;
 boottom: auto;
 left: 85%;
 border: 1px solid #000000;
}

#principal {
 position: absolute;
 width: auto;
 height: auto;
 top: 17%;
 right: 15%;
 boottom: 0;
 left: 15%;
 border: 1px solid #FF0000;
 background-color: #FFFFFF;
}

Estoy modificando un sitio con frames, pero pensaba que sería más fácil y
sobre todo más rápido (¡en unos días ya tenía que estar listo!). Gracias a
todos por su ayuda

Daniela Blanco
danielablanco@...
----- Original Message -----
From: "Miguel Ortiz Díaz" <miguel12000@...>
To: <hcc@...>
Sent: Saturday, February 02, 2002 5:19 PM
Subject: RE: [hcc] Problemas con css


Hola Daniela:
Una de las posibilidades es la de cambiar la definición de 'position'  de
"fixed" a "absolute", esta definición te da una manjabilidad total sobre el
objeto, es decir tú lo pones donde dices, eso sí creo que debes pensar bien
en las proporciones de los cuadros que elaboras y, si cambias a absolute,
debes especificar bien las dimensiones para calcular el tamaño y poder poner
enseguida el siguiente cuadro, para dejar el espacio en blanco, en vez de
dar espacio de 15%, dar de 20% en 'top' de las clases principal, menú y
publicidad, creo que con eso puede salir mejor.


----- Mensaje original -----
De: Daniela Blanco
Enviado: Sábado, 02 de Febrero de 2002 07:01 a.m.
Para: hcc@...
Asunto: [hcc] Problemas con css

Estoy tratando de armar algo así:

|            |    Encabezado    |                   |
|            |--------------------------|                   |
|            |                          |                   |
|  Menú  |    Principal         |   Publicidad  |
|            |                          |                   |
|            |                          |                   |

Les adjunto los archivos porque algo no está bien y no se como arreglarlo.
No se ve como quiero. Muchas gracias.-

Esta es la página html:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0//EN">
<HTML>
<HEAD>
  <LINK media=screen href="est2.css" type=text/css rel=stylesheet>
  <title>Título</title>
</head>

<body>

  <div id="principal">
  Contenido
  </div>

  <div id="encabezado">
  Encabezado
  </div>

  <div id="menu">
  Menu
  </div>

  <div id="publicidad">
  Banners
  </div>

</body>
</html>

Y el .css:

#encabezado {
position : fixed;
width: 100%;
height: 15%;
top: 0;
right: 0;
boottom: auto;
left: 0;
border : 1px solid #0000FF;
}

#menu {
position : fixed;
width: 15%;
height: auto;
top: 15%;
right: auto;
boottom: auto;
left: 0;
border : 1px solid #00FF00;
}

#principal {
position: fixed;
width: auto;
height: auto;
top: 15%;
right: 15%;
boottom: 0;
left: 15%;
border: 1px solid #FF0000;
}

#publicidad {
position: fixed;
width: 15%;
height: auto;
top: 15%;
right: 15%;
boottom: auto;
left: auto;
border: 1px solid #DDDDDD;
}


Daniela Blanco
danielablanco@...


-----------------------------------------------------------
Para darte de baja, envía un mensaje a hcc-baja@...
Para darte de alta, envía un mensaje a hcc-alta@...
Normas básicas: http://html.conclase.net/recursos/lista#t04Obtenga el máximo
provecho del Web. Descarga GRATUITA de MSN Explorer:
http://explorer.msn.es/intl.asp#es


-----------------------------------------------------------
Para darte de baja, envía un mensaje a hcc-baja@...
Para darte de alta, envía un mensaje a hcc-alta@...
Normas básicas: http://html.conclase.net/recursos/lista#t04