Foros del Web » Creando para Internet » CSS »

Tamaño capas

Estas en el tema de Tamaño capas en el foro de CSS en Foros del Web. Hola, He empezado hace muy poco y justo estoy aprendiendo a diseñar paginas web asi que disculpen si la pregunta es un poco "tonta" Estoy ...
  #1 (permalink)  
Antiguo 24/10/2008, 11:03
 
Fecha de Ingreso: mayo-2008
Mensajes: 18
Antigüedad: 9 años, 6 meses
Puntos: 0
Tamaño capas

Hola,

He empezado hace muy poco y justo estoy aprendiendo a diseñar paginas web asi que disculpen si la pregunta es un poco "tonta"

Estoy intentando hacer una pagina con capas pero por mucho que defina un tamaño a cierta capa si el texto no me cabe, en vez de hacer salto de linea me modifica el ancho de la capa hasta salirse de la pantalla. Teniendo en cuenta que no conozco el tamaño exacto del navegador del usuario no puedo poner saltos de linea. Se puede hacer que el ancho de una capa sea fijo?

Por cierto la linea:
<BODY leftmargin="0" topmargin="0" marginwidth="0" marginheigth="0">
la he puesto porque salia en la FAQ pero la pagina se comporta igual que antes.


Pongo el codigo por si sirve de algo. Gracias ;)


<style type="text/css">
H1 {text-align: center}

.cabecera {position:relative;top:0px;left:0px;width:100%;hei ght:50px;
background-color:blue;border-bottom:black 3px solid}

.indice {position:absolute;left:0px;width:100px;height:200 px;
background-color:white;border-top:black 3px solid;border-right:black 1px solid}

.central {position:absolute;left:100px;width:800px;height:2 00px;
background-color:red;border-top:black 3px solid;margin-right:0px}

</style>
</head>

<BODY leftmargin="0" topmargin="0" marginwidth="0" marginheigth="0">

<DIV ID="cabecera" class="cabecera">
<H1>Cabecera del documento</H1>

<DIV ID="indice" class="indice">
<P>Home</P>
<P>History</P>
<P>Boroughs</P>
<P>Pics</P>
</DIV>
<DIV ID="central" class="central">
<P>sdjdksjdljalkdjaslkjdlkajldkjaskljdlskajdlksajd lkjaslkdjlasjdkajsdljjsalskdjslakjdklasjdlkjaslkdj aslkjdlskajdlksajlkdjaksljdlkasjdljalsjdlajddddsaf ksdlñfksñldfklñdskñflsdkñflkñlsdflñskdfñksdñfñlsdk fkldkflkdlfkldklfkd
</P>
</DIV>
</DIV>

</BODY>
</HTML>


Un saludo
  #2 (permalink)  
Antiguo 24/10/2008, 11:08
Avatar de Mikmoro
Colaborador
 
Fecha de Ingreso: octubre-2006
Ubicación: K-pax
Mensajes: 7.228
Antigüedad: 11 años, 2 meses
Puntos: 279
Respuesta: Tamaño capas

Si has copiado tu código tal cual lo tienes, he de decirte que seguramente no te coge el ancho porque tienes la palabra height mal escrita, con un espacio de sobra:

.cabecera {position:relative;top:0px;left:0px;width:100%;hei ght:50px;
background-color:blue;border-bottom:black 3px solid}

Otra cosa: introduce espacios entre tus palabras y saltará de línea.

Y ya por ponerte en el buen camino, escribe todas tus etiquetas en minúsculas.
__________________
Visita mi nueva web idplus.org
  #3 (permalink)  
Antiguo 25/10/2008, 05:00
 
Fecha de Ingreso: mayo-2008
Mensajes: 18
Antigüedad: 9 años, 6 meses
Puntos: 0
Respuesta: Tamaño capas

Hola Mikel,

El height lo tengo bien puesto, lo que pasa es que al copiar el texto aqui se me escaparia un espacio.
Bueno el problema tal como has dicho es porque no ponia espacios en el texto. Me falta mucho por aprender aun :|

Pensaba que era mejor poner las etiquetas en mayusculas para diferenciarlas mas del texto pero a partir de ahora lo pondre en minusculas.
Gracias por los consejos ;)

Un saludo
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 12:02.