Salve a tutti,
è il mio primo messaggio in questo forum.
Vorrei realizzare un semplice layout a due colonne per un sito (con un header in testa).
Vorrei usare i posizionamenti assoluti ma non capisco una cosa:
se vado a scrivere del testo nel div "contenuti" questo o allarga il div (ie) oppure esce da quest'ultimo (firefox).
Non c'è un modo per far andare il testo a capo in automatico?
prova a farci vedere un link o del codice, compreso il testo che stai provando ad inserire in colonna...
Vuoi aiutare la riforestazione responsabile?
Iscriviti a Ecologi e inizia a rimuovere la tua impronta ecologica (30 alberi extra usando il referral)
Ecco il css:
html, body {
margin: 0;
padding: 0;
text-align:center;
height: 100%;
}
#container{
position:relative;
width: 700px;
margin:auto;
border: 1px solid black;
text-align: left;
height: 100%;
padding: 20px 20px 20px 20px;
}
#header{
position: absolute;
height: 150px;
border: 1px solid red;
}
#contenuti{
position:absolute;
width:500px;
top:170px;
right:0;
border: 1px solid green;
}
#menuSinistra{
position: absolute;
top: 170px;
left:0;
border:1px dotted black;
}
Quando inserisco del testo (tramite il tag
) nel div "contenuti" esso va a capo in automatico quando arriva alla fine del box.
Se invece scrivo un testo troppo lungo nel div"menuSinistra" questo si allunga e si sovrappone a quello dei contenuti.
Tutto il codice, compreso l'html e anche il testo esatto che stai inserendo
fai un copia e incolla della pagina
comunque a #menuSinistra manca una specifica width.
Vuoi aiutare la riforestazione responsabile?
Iscriviti a Ecologi e inizia a rimuovere la tua impronta ecologica (30 alberi extra usando il referral)
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.miodominio.it/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title> prova </title>
<link rel="stylesheet" type="text/css" href="mioStile.css">
</head>
<body>
<div id="container">
<div id="header"> </div>
<div id="contenuti">
prova prova prova prova prova prova prova prova prova prova prova
proa prova prova prova </p></div>
<div id="menuSinistra">
menu menu menu menu menu menu menu menu menu menu</p> </div>
</div>
</body>
</html>
a parte la larghezza del div mancante...
hai messo una dtd nel tuo sito?codice:<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.miodominio.it/DTD/xhtml1-strict.dtd">
Vuoi aiutare la riforestazione responsabile?
Iscriviti a Ecologi e inizia a rimuovere la tua impronta ecologica (30 alberi extra usando il referral)
Spiegati meglio perchè la dicitura l'ho presa sul vostro tutorial xhtml perchè non lo conosco un granchè, comunque il sito non è online.
se mi puoi segnalare in quale pagina del tutorial hai trovato quel doctype, fammi sapere che provedo a segnalare l'errore alla redazione
per quanto riguarda il doctype corretto, usa questo.
poi prova a vedere se il problema persistecodice:<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
(facendo anche l'altra modifica sulla larghezza)
nel caso riposta il codice aggiornato.
Vuoi aiutare la riforestazione responsabile?
Iscriviti a Ecologi e inizia a rimuovere la tua impronta ecologica (30 alberi extra usando il referral)
Hai ragione, errore mio, ho visto la dicitura in cui si suppone di avere le doctype su un'altro dominio. Messa la larghezza al div funziona tutto bene. Potrebbe crearmi qualche problema questo layout con un explorer 5.5?
Abuso della tua pazienza per porti una domanda.
Devo relizzare un sito piccolissimo per cui ho optato per un layout a dimensione fissa. Se dovessi farlo liquido mi occuperebbe tutta la pagina del browser e non saprei come riempirla.
Però, quando un domani le risoluzioni dei monitor saranno maggiori dovrei reimpostare il tutto, e non mi sembra una buona cosa. Consigli in merito?
Meglio un layout così o con i foat?
GRAZIE
dipende dal tipo di layout che devi realizzare ed è anche un questione di gusti personali
io ad esempio preferisco i layout centrati a laghezza fissa, ma è solo una preferenza estetica.
Se però stai già pensando di dover adattare le pagine in modo da avere un layout elastico ti suggerisco di non usare i posizionamenti assoluti dal momento che ti vincolano ad una specifica risoluzione.
Vuoi aiutare la riforestazione responsabile?
Iscriviti a Ecologi e inizia a rimuovere la tua impronta ecologica (30 alberi extra usando il referral)
Permessi di invio
Rispondi quotando