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

    convertire div assoluti in relativi

    Mi trovo nella spiacevole situazione di dover rimettere in sesto un sito fatto da altri, un cui tutti i div sono posizionati in modo assoluto: il problema è che il cliente vorrebbe un layout che "riempe" la pagina in 800X600 e che in 1024X768 si accentra, lasciando ai due lati spazio ad uno sfondo predefinito. Chiaramente la prima cosa che ho fatto è stato attribuire al div centrale il text-align=center. Solo che, siccome la maggior parte dei div della pagina hanno coordinate assolute il risultato finale è un gran casino ! VVoVe:
    L'unica soluzione sarebbe relativizzare i vari div ,ma dovrei farlo senza modificare il layout originale ( che è peraltro piuttosto complesso): esiste una soluzione indolore ?
    Grazie !

  2. #2
    Per risolvere una situazione simile ho inglobato i div assoluti all'interno di un div relativo che segue l'allineamento della pagina.

    Poi molto dipende da come è stata realizzata dal tuo predecessore.

    Ciao,
    Alessandro
    http://www.yappy.it
    Socio donatore AVIS AIDO & ADMO

  3. #3
    E' quello che ho provato io, solo che comunque i div assoulti sembrano mantenere le coordinate, ehm, assolute e piazzarsi un pò dove capita ... tanto per farti capire, ti riporto il tag di uno dei 40(!) div in questione:
    codice:
    {
    	position:absolute;
    	left:0px;
    	top:26px;
    	width:780px;
    	height:17px;
    }
    Per quanto provi a creare div contenitori i sotto-div sembrano comunque frae di testa propria, ma magari ho sbagliato proprio nel creare i div contenitori ...

  4. #4
    basta togliere tutti i position:absolute, left, top, right e bottom...
    un lavoro noioso ma non difficile... vedi se riesci ad automatizzare in qualche modo...

    poi certo il layout sarà da sistemare...


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 © 2024 vBulletin Solutions, Inc. All rights reserved.