Visualizzazione dei risultati da 1 a 5 su 5
  1. #1
    Utente di HTML.it
    Registrato dal
    Feb 2008
    Messaggi
    26

    Problema div più largo a risoluzione cellulare

    Salve ho un sito a due colonne.

    Una colonna sinistra (larghezza 70%) che contiene articoli e altri contenuti, e una a destra (larghezza 20%) con un aside con vari link.

    Quando ridimensiono la finestra, o vedo il sito col cellulare, voglio far scomparire l'aside e aumentare la colonna sinistra al 100% del body.

    Per fare questo utilizzo il tag @media nel css per risoluzioni inferiori.

    Il problema è che l'articolo della home page va oltre il 100% del body (mentre header e footer rientrano perfettamente nello schermo).


    Ecco il link (visto che mi sono spiegato un po male).
    http://phenotype.altervista.org/pedagomedia

  2. #2
    Utente di HTML.it L'avatar di Prill
    Registrato dal
    Oct 2006
    Messaggi
    2,947
    prova cambiando le dimensioni (la larghezza) di section da 100% a auto
    Ultima modifica di Prill; 18-01-2014 a 22:56

  3. #3
    Utente di HTML.it
    Registrato dal
    Feb 2008
    Messaggi
    26
    Quote Originariamente inviata da Prill Visualizza il messaggio
    prova cambiando le dimensioni (la larghezza) di section da 100% a auto
    Chiaro, funziona. Quindi con auto toglie al div margin, padding e bordo ??

  4. #4
    Utente di HTML.it L'avatar di Prill
    Registrato dal
    Oct 2006
    Messaggi
    2,947
    con width:auto dici al tuo elemento di occupare tutto lo spazio disponibile in larghezza, che sarà il 100% meno eventuali bordi, margini e padding

  5. #5
    Utente di HTML.it
    Registrato dal
    Feb 2008
    Messaggi
    26
    Quote Originariamente inviata da Prill Visualizza il messaggio
    con width:auto dici al tuo elemento di occupare tutto lo spazio disponibile in larghezza, che sarà il 100% meno eventuali bordi, margini e padding
    Grazie tante

Permessi di invio

  • Non puoi inserire discussioni
  • Non puoi inserire repliche
  • Non puoi inserire allegati
  • Non puoi modificare i tuoi messaggi
  •  
Powered by vBulletin® Version 4.2.1
Copyright © 2025 vBulletin Solutions, Inc. All rights reserved.