- Home
- Categorie
- Coding e Sistemistica
- HTML e CSS
- [DIV e CSS] Far contenere ad un Div un immagine senza che esca dai margini
-
Sì sì questo la farei se volessi il sito con la classica struttura a "colonnona fissa centrale" come ad es. la Homepage di questo Forum stesso, ma il mio lo volevo appunto al 100% della width, proprio come accade con una banalissima tabella... (so che da dire così sembra complicato ma a me sembra così naturale che non capisco come mai non accada già da solo...:x)
-
Purtroppo ora ho IE7 installato e non posso effettuare le prove necessarie
però qualcosa del genere dovrebbe esserti utile:
style="width:100%; min-width:800px; margin:auto;"
Sfruttando larghezza in percentuale e larghezza minima
-
Ti ringrazio molto dell'interessamento, mi sento quasi in colpa quando poi devo rispondere così
Sempre soprassedendo al fatto che anche
min-width:800pxnon va in IE (la 7 non so), comunque la cosa è un po' più generale (cioè dinamica), nel senso che la min-width non sarebbe poi la stessa per ogni pagina, ma a dipendenza del contenuto...
-
@MattiaBergomi said:
min-width:800pxnon va in IE (la 7 non so), comunque la cosa è un po' più generale (cioè dinamica), nel senso che la min-width non sarebbe poi la stessa per ogni pagina, ma a dipendenza del contenuto... Riguarda alla min-whidth ci sono sicuramente modi per farla andare su tutte le versioni di IE, basta cercare un po'.
Io stavo ragionando così:
- allargo il div al 100%, quindi come se fosse proprio una tabella;
- imposto una min-width a X pixel di larghezza (800 era solo un esempio), dove X lo scelgo in maniera forfettaria in maniera tale che se la finestra è troppo piccola, esce la barretta di scorrimento.
Purtroppo credo che moltissime altre soluzioni non ne esistano...
-
Eh anche optando per un min-width 600px (ad es.) per il div centrale, poi però appena raggiunta la min width il div di destra (quello con info visitatore, get firefox, ecc., che è lì grazie ad un float:right) passa sopra al centrale, dato che quest'ultimo non si restringe più...
-
Infatti io avevo fatto riferimento ad un terzo div, che contenga gli altri, e non direttamente a quello centrale, perchè se no è normale avvengano sovrapposizioni.
Oppure potresti sfurttare semplicemente un div che non ha altri div di fianco, tipo header, o footer.
-
@claudioweb said:
Infatti io avevo fatto riferimento ad un terzo div, che contenga gli altri, e non direttamente a quello centrale, perchè se no è normale avvengano sovrapposizioni.
Ah ok, eh appunto si ritorna al layout "a colonnone centrale" che però volevo evitare per sfruttare il 100% della larghezza di ogni schermo...@claudioweb said:
Oppure potresti sfurttare semplicemente un div che non ha altri div di fianco, tipo header, o footer.In che senso scusa? Al momento il sito è strutturato nel modo che la pagina è costruita con un Header.php che comprende tutto tranne la tabella centrale, e la pagina che include l'header e ci mette la tabella centrale. La struttura è
<div id="Sinistro"> ... Menu ... </div> <div id="Destro"> ... Info Visitatore, ecc... </div> <div id="Centrale"> ...Contenuto della Pagina (es. immagine Tux in Homepage)... </div>
con il relativo CSS interessato:
#Sinistro { float: left; margin: 0 0 0 0; width: 111px; } #Destro { display: inline; /* IE non raddoppia più il margin right */ float: right; margin: 0 10px 0 0; width: 220px; } #Centrale { margin: 0 240px 0 115px; /* Non si sovrappone ai due menu laterali */ }
Cosa intendevi tu nel concreto?
-
Intendevo che ti basta aggiungere a fine pagina qualcosa di simile:
<div id="footer" style="width:100%; min-width:600px; margin:auto;">Realizzato da MattiaBergomi</div>
e risolvi......
-
Ah, uhm beh la scrollbar appare certo, ma poi i div sopra si restringono (e sbordano) comunque come prima, in pratica si aggiunge una scrollbar "che non serve a niente" nel senso che anche scrollando a destra poi non c'è nulla mentre sopra tutto si comporta allo stesso modo...
-
Io ti sto lanciando degli imput, senza testare, solo per aiutarti a trovare una possibile soluzione
Vedi un po' tu....
-
Eheh certo infatti ti ringrazio moltissimo :D, è che per 'sta cosa mi 'sto leggermente dannando quindi magari le risposte sembravano un po' secche ma non era sicuramente mia intenzione