Newsgroup: it.comp.www.html
Titolo: strutturare sito in css

Ciao a tutti,
da qualche giorno sto cercando di imparare ad usare i css per spingermi
oltre alla sola formattazione del testo. Seguendo i consigli di 
constile.org
e 
pro.html.it
 sto insomma cercando di capire la logica alla base dei siti
basati sui css anche per quanto riguarda il layout. Ho nella mente una gran
quantità di dubbi, e credo nelle prossime settimane avrete modo di imparare
ad odiarmi per le mie domande. Oggi mi sono fiondato in libreria per cercare
il libro di Briggs e co. sul tema, ma non sono riuscito a reperirlo... sono
giustificato parzialmente quindi :)
Beh, partiamo con la prima:
il problema dell'errata interpretazione del box model con IE5/win... io non
riesco a capire perchè la corretta interpretazione sia quella di sommare al
width il padding... a me sembra più logico il comportamento *errato* di IE5.
Prendiamo un caso pratico:
Ho un layout a 3 colonne "old school" realizzato con una classica tabella.
Nella cella centrale inserisco un <div> con del testo. Il box voglio riempia
la cella, quindi lo imposto al 100%. Voglio però anche che il testo non sia
attaccato al margine, quindi gli do un padding di 10 px, ma a questo punto
IE6 mi fa sbordare il box...
E allora come la faccio sta cosa? Devo per forza ragionare in pixel? Ma per
siti ridimensionabili?
E siamo solo all'inizio... ;)
A presto!
--
Wildchild


Io ho fatto una prova fissando la dimensione delle colonne esterne e
lasciando
in percentuale quella interna, ho settato il div come dici tu e va tutto
bene.
Perchè non riporti un sorgente e indichi quello che vorresti risolvere?

 risolvere?
Hai correttamente dichiarato il documento come XHtml? Altrimenti explorer 6
riproduce l'errore di IE5:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"
http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd
">
<html xmlns="
http://www.w3.org/1999/xhtml
">
--
Wildchild

Per chi fosse interessato, io ho creato un intero sito basato unicamente sui
CSS, compatibile explorer e netscape (per mancanza di tempo non ho potuto
renderlo compatibile con opera...).
E sono disposto a passarlo a chiunque voglia imparare e sperimentare i vari
usi dei fogli di stile.
Ciao a tutti
 Silvio
Scusa se non centra molto con il post, ma mi sono colelgato.
P.S. il sito non è on-line, chiunque voglia consultarlo mi contatti

 i vari usi dei fogli di stile.
Ciao,
sarebbe sicuramente interessante poterlo vedere ed accedere al codice. Se
magari ti andasse di pubblicarlo...
A presto!
--
Wildchild

"Wildchild" <nos...@nospam.nospam> ha scritto nel messaggio
news:mPKAa.36889$Ny5.1...@twister2.libero.it...

concordo

"[devnull]" <x...@yyy.zzz> ha scritto nel messaggio
news:5MMAa.37309$Ny5.1...@twister2.libero.it...

concordo pure io... ci ho pensato nel momento che ho postato il messaggio...
prima però provo a farmelo validare!!!

Stavo giocando col mio nuovo newsreader quando Wildchild ha cercato di 
mandarlo in crash scrivendo: 

Il mio è compatibile anche con Opera ;-)
Nemesispammer
-- 
            ||HomePage: 
http://digilander.libero.it/nemesis2001/
 |\ |       ||XPN:      
http://digilander.libero.it/nemesis2001/Xpn.html
 | \|emesis ||Cit:     "Non ci sono percorsi più brevi da cercare,
            ||Cit:      c'è la strada che credi e il coraggio di andare"

http://treska.altervista.org
La versione è a puro scopo dimostrativo, molti contenuti sono assenti!
L'ho creata a scopo scolastico, quindi mi scuso per qualche imprecisione!
Silvio

Silvio ha scritto:

emhh
Scaricati mozilla, e guarda come si vede (male).
Poi, usa lo standard css2 e non soluzioni che vadano e si vedano bene 
solo con IE.
Ciao :-)
-- 
Marco
________________
http://www.amadeus.roma.it

 IE6 mi fa sbordare il box...
L'errore è mettere del testo nel <div>. Il testo va messo in un
paragrafo, o in un altro elemento che ne indichi lo scopo (ad esempio
una lista):
<div>Lorem ipsum ...</div>
non è molto corretto, mentre
<div><p>Lorem ipsum ...</p></div>
va molto meglio
A questo punto, un eventuale margine o un padding lo puoi specificare
attraverso il tag P.
Saluti
--
Gianluca Troiani
www:  
http://www.constile.org/
blog: 
http://geco.constile.org/

Gianluca Troiani ha scritto:
[...]
Grazie Gianluca, anche per il lavoro che svolgi con constile.org... davvero
un ottimo sito... chiaro e ben fatto.
Ciao!
--
Wildchild