Sto provando a "impaginare" una pagina web utilizzando i fogli di stile e i tag <DIV>.
Ho messo 4 elementi nei 4 angoli della finesta. Tutto ok ma, se ridimensiono la finestra questi is sovrappongono (ovviamente).
Vorrei sapere un modo "elegnate" per gestire questo fatto.
e-legnateOriginariamente inviato da SimoneLucca
Vorrei sapere un modo "elegnate" per gestire questo fatto.
Cosa sono? quelle che vengono inviate dai navigatori con browser limitati quando visitano un sito non conforme alle norme WAI?
Scusa la battuta, ma deve essere stato un lapsus freudiano.
Il modo corretto e` usare sempre dimensioni in percentuali o relative in generale.
Nuova politica di maggiore severita` sui titoli delle discussioni: (ri)leggete il regolamento
No domande tecniche in messaggi privati
ops, elegante, ovviamente!
Ok per le dimensioni relative, ma se devo mettere un <DIV> di 400 pixel a destra ed uno di 300 a sinistra, se la finestra è larga 500 questi mi si sovrappongono.
Posso fare in modo che mi appaia almeno lo scroll?
Grazie!
Avevo capito; infatti non ce l'ho con te, ma ho visto tante di quelle e-legnate sulla mailing-list di webaccessibile, che il refuso mi e` parso azzeccato.
Premesso che la soluzione migliore sarebbe rendere tutti i blocchi ridimensionabili, questo non sempre e` possibile.
Potresti mettere gli scroll automatici in ogni blocco (se e` valido nel tuo progetto).
Oppure in alternativa:
1. determinare la larghezza della finestra
2. verificare se e` sufficientemente larga
3. modificare gli attributi CSS del documento di conseguenza.
Il tutto si fa con JS.
A quel punto non so piu` se la pagina e` ancora pienamente valida (non ho ancora trovato dei criteri per validare i JS e le modifiche alle pagine fatte con JS).
Nuova politica di maggiore severita` sui titoli delle discussioni: (ri)leggete il regolamento
No domande tecniche in messaggi privati
potresi estendere il passo 3.
Grazie!
document.getElementById('NOMEDIV').style.width=...
oppure:
document.getElementById('NOMEDIV').className=...
Non so se e` questo che chiedevi
Nuova politica di maggiore severita` sui titoli delle discussioni: (ri)leggete il regolamento
No domande tecniche in messaggi privati
premesso che i pixel sono duttili zero, prova questo se ti può servire:
<html>
<head>
<title>angoli</title>
<style type="text/css">
* {margin:0;
padding:0;
}
.sopra {position:absolute;
top:0;
left:0;
width:100%
}
html, body {height:100%}
.sinistra {background:silver;
width:400px;
float:left;
height:100px;/*per vedere come vengono*/
}
.destra {width:300px;
background:gray;
float:right;
height:100px;
}
.sotto {position:absolute;
bottom:0;
width:100%
}
</style>
</head>
<body>
<div class="sopra">
<div class="sinistra">sinistra</div>
<div class="destra">destra</div>
</div>
<div class="sotto">
<div class="sinistra">sinistra sotto</div>
<div class="destra">destra sotto</div>
</div>
</body>
</html>
in questo modo si sovrapporranno solo stringendo l'altezza negli altri casi scivoleranno uno sotto l'altro.
prima ne avevo postato un altro ma era ridondante
4 pag. x il forum:l'ospite ora ha solo link sponsorizzati, valli a capire-GommaLayout! Agg. 25 agosto 2004)-Molla&Collano privati tecnici, per favore
Permessi di invio
Rispondi quotando