Ajustar fondo en pantalla

[eugeniocol]

Hola buenas.

No se si es el sitio indicado ?? estoy en mis inicios haciendo mi web htlm css, la cosa no va mal pero no logro ajustar el largo de la web ni usando % o vh,tengo como fondo una foto .jpg y en todas las paginas hasta ahora creadas en la parte de abajo visto desde el pc o movil siempre me sobra ub espacio en blanco ???

Saludos.

[Razzari]

con estas instrucciones CSS te queda full responsive para todos los dispositivos

Código [Seleccionar] Expandir



 /* Ubicación de la imagen */
 background-image: url(miImagen.jpg);


 /* Nos aseguramos que la imagen de fondo este centrada vertical y
   horizontalmente en todo momento */
 background-position: center center;


 /* La imagen de fondo no se repite */
 background-repeat: no-repeat;


   /* la altura del contenido supere la altura de la imagen. */
 background-attachment: fixed;


 /* La imagen de fondo se reescala cuando se cambia el ancho de ventana
    del navegador */´ç
 background-size: cover;


 /* Fijamos un color de fondo para que se muestre mientras se está
   cargando la imagen de fondo o si hay problemas para cargarla  */
 background-color: #464646;



Si todavia estas fresco en css te recomiendo empieces por lo basico
aca abajo te paso una serie de videos tutopriales para arrancar

https://www.youtube.com/watch?v=24gNhTcy6pw

una vez ya estes un poco mas avanzado podes empezar a usar librerias ya hechas como el caso de la mas conocida bootstrap, te va a hacer ahorrar mucho tiempo

Saludos espero te sirva !!  

[eugeniocol]

con estas instrucciones CSS te queda full responsive para todos los dispositivos

Código [Seleccionar] Expandir



 /* Ubicación de la imagen */
 background-image: url(miImagen.jpg);


 /* Nos aseguramos que la imagen de fondo este centrada vertical y
   horizontalmente en todo momento */
 background-position: center center;


 /* La imagen de fondo no se repite */
 background-repeat: no-repeat;


   /* la altura del contenido supere la altura de la imagen. */
 background-attachment: fixed;


 /* La imagen de fondo se reescala cuando se cambia el ancho de ventana
    del navegador */´ç
 background-size: cover;


 /* Fijamos un color de fondo para que se muestre mientras se está
   cargando la imagen de fondo o si hay problemas para cargarla  */
 background-color: #464646;



Si todavia estas fresco en css te recomiendo empieces por lo basico
aca abajo te paso una serie de videos tutopriales para arrancar

https://www.youtube.com/watch?v=24gNhTcy6pw

una vez ya estes un poco mas avanzado podes empezar a usar librerias ya hechas como el caso de la mas conocida bootstrap, te va a hacer ahorrar mucho tiempo

Saludos espero te sirva !!  

En la hoja tengo ya un encabezado tipo para todas las hojas y menú a la derecha en vertical  no desplegable si no fijo, hasta aquí todo ok la pantalla se ajusta ok, el problema de ajuste de pantalla es cuando creo DIV debajo de los que ya tengo como plantilla, pro ejemplo  este:

Código (css) [Seleccionar] Expandir

*{
margin:0px;
padding:0px;
}

div#correo{ /*DIV PARA CORREO */
position:absolute;
    top:250; /* Distancia de CABECERA */
margin-top:auto;
background:#f90;  /* Color Fondo icono F90*/   
left:5vw;
    width:auto;
height:auto;
font-family:tahoma;
font-size:200px; /* Tamaño Icono200*/
}

div#correo ul{
list-style:none;
}

.icon-mail:before {
  content: "\900";
}



y en Html :

Código (div) [Seleccionar] Expandir

<div id="correo">
         
          <a target="_blank" href="mailto:eugeniocol_03@yahoo.es"> 
         
         <div>
 
          <span class="icon-mail2"></span>
           </div>
           </div></a> 

[eugeniocol]

bueno el codigo que me aconsejastes me ido de momento fenomenal, pero una pregunta este signo ´ç si lo quito me sale la pantalla completa tanto en pc como en movil pero si lo añado en pc no sale la pantalla completa ????

Saludoss.