Ciao a tutti... so che sto inondando il forum di richieste per lo più niubbissime ma sto cercando di fissare i concetti fondamentali.....
Facendo vari esperimenti mi trovo in questa situazione standard:
Il div corpo al momento non mi interessa, quindi mi concentro sul div testa, che al suo interno deve contenere un'immagine allineata a sinistra, un testo/titolo allineato all'immagine sulla stessa base e a destra ci sarà un'applet o qualcosa del genere (un orologio o un calendarietto...)codice:#main {widht:1000px; height:600px; margin:auto} <div id="main"> <div id="testa"> <img> <h1> <elemento3> </div> <div id="corpo"></div> </div>
I miei dubbi sono questi:
(e so che anche solo per il fatto di leggerli tutti dovrei pagarvi!! Offro da bere a chi mi aiuta a chiarirmi le idee!)
1 - E' consigliabile che i 3 elementi all'interno della testa siano a loro volta contenuti in altrettanti <div> o è ininfluente?
2 - Come si vede dalla regola #main, sono abituato a dare delle dimensioni al corpo della pagina al cui interno sviluppare poi gli altri elementi. E' una pratica scorretta?
In questo caso, perchè Testa eredita la larghezza da main, ma non l'altezza?
3 - In casi simili a questo in cui ho degli elementi di dimensioni fisse e note a priori, contenuti in un altro elemento, è più corretto indicare le dimensioni del contenitore uguale al totale delle dimensioni degli elementi, oppure lasciare il contenitore libero di adattarsi agli oggetti contenuti? Ci sono particolari controindicazioni dell'uno o dell'altro metodo?
4 - Ora per tenere allineati i tre elementi di testa sulla stessa linea ho utilizzato float:left per immagine e testo e float:right per il terzo elemento; è corretto o è consigliabile utilizzare un unico allineamento per gli elementi sulla stessa linea e poi distanziarli ad hoc con margini e padding?
5 - Il tag testa che contiene i 3 elementi float, dev'essere a sua volta float? Spero di no perchè altrimenti gli elementi del corpo che trovano spazio vanno ad infilarsi dentro la testa scompaginando tutto...
6 - Il tag h1 non risulta allineato sulla stessa base dell'immagine e questo, mi è stato spiegato, dipende dal fatto che di default ha proprietà position:static che invalida eventuali proprietà bottom, left ecc; Per poterlo allineare a piacimento quindi lo indico come position:absolute, ma ho letto che anche il contenitore dell'elemento absolute dovrebbe essere indicato come absolute... quindi Testa... che però a sua volta è contenuto in Main... che è contenuto in body... cioè devo dichiararli tutti absolute se voglio impostare distanze esatte dai margini? A questo punto è meglio dichiararlo relative? Dalle prove che ho fatto credo si possano ottenere gli stessi risultati con entrambe le proprietà, modificando ovviamente i valori di top, left ecc... ma ci sono controindicazioni? Come si procede solitamente in questi casi... perchè non mi è tanto chiaro quale elemento conviene che sia static, quale absolute e quale eventualmente relative....
Rispondi quotando
