Foros del Web » Creando para Internet » CSS »

head y ancho pagina

Estas en el tema de head y ancho pagina en el foro de CSS en Foros del Web. Me gustaria que el a traves de mi hoja de estilo, haga que el la imagen que tengo el head ocupe el 100% de la ...
  #1 (permalink)  
Antiguo 03/11/2010, 09:43
 
Fecha de Ingreso: abril-2010
Mensajes: 76
Antigüedad: 7 años, 7 meses
Puntos: 0
head y ancho pagina

Me gustaria que el a traves de mi hoja de estilo, haga que el la imagen que tengo el head ocupe el 100% de la pagina. Y tambien me gustaria que la pagina ocupe el 100% de la pantalla del usuario. Aqui dejo mi codigo que llevo echo por aora. Tambien me gustaria que debajo del titulo h1, me saliera automaticamente una linia.

Este es mi archivo html.

Código PHP:
<html>
<
head>
<
title>Nombre</title>
<
link rel="stylesheet" href="css/style-general.css" type="text/css" media="all">

<
div id="global">
<
div id="head"><img src="files/head.png"/></div>
<
div id="menu">
      <
ul>
      <
li><a href=#>Elemento 1<a></li>
      
<li><a href=#>Elemento 2<a></li>
      
<li><a href=#>Elemento 3<a></li>
      
<li><a href=#>Elemento 4<a></li>
      
<li><a href=#>Elemento 5<a></li>
      
</ul>
</
div>

<
div id="publicidad">
      <
div id="curvasuperior"></div>
      <
div id="contenidopubli"></div>
      <
div id="curvainferior"></div>
</
div>

<
div id="contenido">
      <
div id="titulo"><h1>Titulo Ejemplo</h1></div>
      <
div id="content">Contenido Ejemplo</div>
</
div>
</
head>
<
body>



</
body>
</
html
Este mi CSS

Código PHP:
<!-- Documento css estilo general -->

#global    {
      
width800px;
      
margin4px auto;
      
background-color#FFFFFF;
      
border3px solid #999999
      
}

#head {
      
margin5px;
      }

#menu {
      
width150px;
      
floatleft;
      
padding3px;
      
heightauto;
      
margin5px;
      
font80"Trebuchet MS"ArialHelveticasans-serif;
      }

#menu ul, li {
      
list-style-typenone;
      }

#menu ul {
      
margin0;
      
padding0;
      }

#menu li {
      
border-bottom1px solid #000000;
     
}
#menu a {
      
text-decorationnone;
      
color#333333;
      
background#FFFFFF;
      
displayblock;
      
padding3px 6px;
      
width138px;
      }

#menu a:hover {
      
background:#CCCCCC;
      
}

#publicidad {
      
width150px;
      
floatright;
      
padding3px;
      
heightauto;
      
margin5px;
      }

#curvasuperior {
      
background-image:url(../files/superiorpubli.png);
      
background-repeat:no-repeat;
      
width:100%;
      
height:30px;
      }

#contenidopubli {
      
width:auto;
      
height:auto;
      
padding:5px;
      
background-image:url(../files/fondopubli.png);
      
background-position:center;
      
background-repeat:repeat-y;
      }

#curvainferior {
      
background-image:url(../files/inferiorpubli.png);
      
background-repeat:no-repeat;
      
width:100%;
      
height:30px;
      }

#contenido {
      
width420px;
      
floatleft;
      
padding3px;
      
heightauto;
      
margin5px;
      }

#titulo {
      
width100%;
      
heightauto;
      
padding5px;
      }

#titulo h1 {
      
color:#660000;
      
font-family:ArialHelveticasans-serif;
      
font-size:18px;
      
font-weight:bold;
      }

#content {
      
width100%;
      
heightauto;
      }

#content p {
      
font-family:ArialHelveticasans-serif;
      
font-size:12px;
      }

#footer {
      
widthauto;
      
height30px;
      
margin5px;
      
clearboth;
      } 
  #2 (permalink)  
Antiguo 04/11/2010, 15:04
 
Fecha de Ingreso: octubre-2010
Mensajes: 155
Antigüedad: 7 años, 1 mes
Puntos: 0
Respuesta: head y ancho pagina

eso vas a realizar con max-widht y min-widht y se te ajustara solo la pantalla.
  #3 (permalink)  
Antiguo 04/11/2010, 15:47
 
Fecha de Ingreso: junio-2008
Mensajes: 97
Antigüedad: 9 años, 6 meses
Puntos: 2
Respuesta: head y ancho pagina

Pone

body{margin:0;padding:0;}

y a #global enves de ponerle width: 800px;
ponele width: 100%;

Etiquetas: ancho, head
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 04:14.