Visualizzazione dei risultati da 1 a 5 su 5
  1. #1

    layout fluido a tre colonne e immagini

    N'giorno
    Ho un layout a tre colonne fluido...come molti sapranno i problemi principali dei layout fluidi sono le immagini(o meglio forse non è vero ma a me pare sia cosi )
    In quanto queste, non potendo essere ridimensionate tendono a bloccare se troppo grandi il ridimensionamento(tra l'altro mi sembra incredibile che non ci abbia mai pensato nessuno quando fanno sti benedetti browsers...), è come se si impostasse una larghezza fissa(quella dell'immagine dentro un div a larghezza percentuale)...risulato arrivati ad un certo punto smette di rimpicciolrsi il contenitore.
    Ora il problema che si presenta a me è questo:
    Avendo un layout di tre colonne liquide, con firefox una volta arrivati al resize massimo, supponendo che sia presente chessò un immagine,un google adsense etc, questi escono dal box abbruttendo un po la pagina ma senza causare danni strutturali alla stessa.
    Cosa fa il furbo di ie?
    manda l'una sotto l'altra le colonne!
    Questo è estremamente poco funzionale...Come si può risolvere?
    avevo pensato ad una larghezza settata al di fuori delle colonne,o un immagine alta 1px, di tipo 800px lunghe che facesse da blocco subito prima che ie si decidesse a mettere tutto a capo...
    Ossia ottenere una risoluzione minima massima(...) di 800x600 oltre la quale il bw non resizza più, esistono altre soluzoni?

  2. #2
    se non è chiaro il link è in firma

  3. #3
    scommetto che usi il float
    comunque il trucco è non inserire immagini troppo grandi
    in teoria potresti fissare con max-width la larghezza massima. ma con IE non funziona... a meno che http://forum.html.it/forum/showthrea...91#post8845691


  4. #4
    Originariamente inviato da andrea.paiola
    scommetto che usi il float
    perchè che altri trucchi conosci?
    comunque il trucco è non inserire immagini troppo grandi
    performante
    in teoria potresti fissare con max-width la larghezza massima. ma con IE non funziona... a meno che http://forum.html.it/forum/showthrea...91#post8845691

    interessante...un po macchinoso ma interessante vediamo un po che si può fare.
    Ma il trucco dell'immagine fuori dei div con float non va indi?

  5. #5
    Originariamente inviato da Quinn
    perchè che altri trucchi conosci? performante
    interessante...un po macchinoso ma interessante vediamo un po che si può fare.
    Ma il trucco dell'immagine fuori dei div con float non va indi?
    i layout non si fanno col solo float... volendo ci sono altri metodi... comunque la cosa migliore è inserire immagini piccole :rollo:
    flottando un oggeto comunque (anche un'immagine) la fai uscire dal normale flusso e non interagisce con altri elementi non flottati
    se il contenitore dell'immagine è flottato anch'esso è ovvio che viene ridimensionato per contenere l'immagine (almeno in IE... visto che gestisce height come se fosse min-height)

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.