Foros del Web » Creando para Internet » CSS »

Duda layer de lado a lado

Estas en el tema de Duda layer de lado a lado en el foro de CSS en Foros del Web. Bueno tengo esta pregunta que jamas he logrado solventar, en muchas paginas el encabezado o header es de lado a lado asi como el foro, ...
  #1 (permalink)  
Antiguo 08/07/2008, 17:17
Avatar de Carlmycol  
Fecha de Ingreso: diciembre-2007
Ubicación: Los Teques, Venezuela
Mensajes: 240
Antigüedad: 16 años, 4 meses
Puntos: 3
Duda layer de lado a lado

Bueno tengo esta pregunta que jamas he logrado solventar, en muchas paginas el encabezado o header es de lado a lado asi como el foro, el problema es que no encuentro como hacer esto, alguien podria ayudarme?

Gracias antemano! =)

Saludos!
  #2 (permalink)  
Antiguo 08/07/2008, 17:19
Avatar de Mikmoro
Colaborador
 
Fecha de Ingreso: octubre-2006
Ubicación: K-pax
Mensajes: 7.228
Antigüedad: 17 años, 6 meses
Puntos: 280
Respuesta: Duda layer de lado a lado

La manera más simple sería con width: 100%;

html, body {width: 100%;}

#header {width: 100%;}

Suponiendo que tuvieras inicialmente un <div id="header">...

Mikel.
  #3 (permalink)  
Antiguo 08/07/2008, 17:47
Avatar de daPhyre
Colaborador
 
Fecha de Ingreso: marzo-2008
Ubicación: [email protected] (Redirects to 127.0.0.1)
Mensajes: 2.404
Antigüedad: 16 años, 1 mes
Puntos: 142
Respuesta: Duda layer de lado a lado

Practicamente sería de esta forma:

CSS:
html, body{margin:0;padding:0}
#header{background:#666;width:100%}

HTML:
<body>
<div id="header">
<h1>Título</h1>
</div>
</body>

Creo que eso es lo que necesitas. Suerte
__________________
<signs>daPhyre</signs>
Jugaa.me


Adios al dolor de cabeza de IE...
  #4 (permalink)  
Antiguo 08/07/2008, 17:59
Avatar de Mikmoro
Colaborador
 
Fecha de Ingreso: octubre-2006
Ubicación: K-pax
Mensajes: 7.228
Antigüedad: 17 años, 6 meses
Puntos: 280
Respuesta: Duda layer de lado a lado

Ahí hay un pequeño problema: quedará un espacio en la parte superior. Mejor ponerlo así:

Cita:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title></title>
<style type="text/css">
* {margin:0;padding:0}
#header{background:#666;}
</style>
</head>
<body>
<div id="header">
<h1>Título</h1>
</div>
</body>
</html>
Mikel.

Última edición por Mikmoro; 09/07/2008 a las 02:13
  #5 (permalink)  
Antiguo 08/07/2008, 18:14
Avatar de Carlmycol  
Fecha de Ingreso: diciembre-2007
Ubicación: Los Teques, Venezuela
Mensajes: 240
Antigüedad: 16 años, 4 meses
Puntos: 3
Respuesta: Duda layer de lado a lado

Gracias a los dos , tenia esta duda .

salu2
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 15:14.