The John Doe CSS Explosion

[Fost]

Originariamente inviato da Eddie
Mah...francamente non saprei, io ho solo salvato la tua pagina per fare le prove e ci stava pure quello.
cmq prova a levare sta roba che sembra in +
<script language="javascript" type="text/javascript" src="index2_files/alternet.js"></script>
<script type="text/javascript">
google_ad_client = "pub-0820544532937748";
google_ad_width = 468;
google_ad_height = 60;
google_ad_format = "468x60_as";
google_ad_channel ="0924149919";
</script>
<script type="text/javascript" src="index2_files/show_ads"></script>

.........com'è possibile?ho provato pure io a salvarla e come credo sia ovvio mi son ritrovato la mia pagina come l'ho fatta io.....cmq non funziona lo stesso e credo di aver capito il perchè....lo script per il banner non l'ho scritto io ma l'ho preso da altervista tra i suoi possibili e quello script non disegna il banner ma interroga, credo, il server di altervista per farsene dare uno, è possibile?

allego la lista di errori che mi da il validator e ringrazio per gli aiuti

[Miky_88]

Visto che molti utenti in rete utilizzano Internet Explorer e utilizzando CSS risultano sfasate molte cose all'interno del sito...vorrei sapere se esiste un modo per uniformare le cose per tutti i tipi di browser!!
Mi potete aiutare??
grazie

[John Doe]

Originariamente inviato da Miky_88
Visto che molti utenti in rete utilizzano Internet Explorer e utilizzando CSS risultano sfasate molte cose all'interno del sito...vorrei sapere se esiste un modo per uniformare le cose per tutti i tipi di browser!!
Mi potete aiutare??
grazie

magari esistesse la bacchetta magica
se ie non esistesse farei tutti i siti fludi al 100%
ma dato che c'è e la gente lo usa anche , li faccio fixed o al max semi-fixed

[Miky_88]

Scusa non ho capito bene....io adesso devo continuare a fare pagine web guardando che vadano bene sia per netscape e internet exploder....nn ci sarebbe un rimedio???
grazie!

[roby85]

bella guida
ho da chiederti aiuto per una mia idea.
Provavo a inserire un footer.
il codice che ho messo aggiunto è questo

#bottom{
position:absolute;
background:green;
width:100%;
bottom: 0px;
height:120px;
}

solo che me lo mette in alto al posto del top dove sbaglio?

[Pana!]

sbagli nel posizionamento absolute, che toglie dal flusso della pagina il div bottom. devi posizionarlo relative

[Pana!]

ho riletto il topic ...tu hai seguito le indicazioni css dell'inizio? con i posizionamenti absoluti su tutti i div?

in tal caso per risolvere il tuo problema mantendendo appunto il position:absolute; devi impostare un top alto quanto i div che precedono il footer

[roby85]

c'ho sbattuto un pò la testa e ho risolto

#bottom{
position:absolute;
background:brown;
width:100%;
top: 700px;
height:100px;
}

Stò sperimentando un pò e sarebbe utile anche vedere un pò come rendere "flessibile" la dimensione verticale dei blocchi.
Scusa se faccio 10000 domande ma nei css sono niubbo

[Pana!]

infatti ...un sito creato a box/blocchi con posizionamento assoluto e molto poco flessibile, cioè impone a priori di sapere le dimensioni del contenuto da inserire e raramente si conoscono.

secondo me la procedura migliore per creare un layout a 2 colonne con header e footer è l'utilizzo di box flottanti.

ti allego una pagina di prova che ti ho fatto com esempio
http://www.gp-visualdesign.com/worki...na/page01.html

la pagina si adatta in verticale a seconda del contenuto (basta che provi ad ingrandire il carattere e te ne accorgerai) e le due colonne verticali sono posizionate tramite la proprieta float che le "affianca" lateralmente (le impostazioni sono infatti left e right).

non è proprio immediata come procedura, anche perchè va utilizzato un box ausiliario anch'esso flottante che contine e sua volta i die box float, questo per poter adeguare il background alle colonne e far in modo che rimpicciolendo la finestra i due box flottanti non si muovano uno sotto l'altro.

intanto ti dò queste info generali, vedi se riesci a capirne il funzionamento

ps: il css è annidato nell html

[roby85]

il funzionamento l'ho capito alla grande ma se io volessi fare 3 colonne?
E con una delle colonne divisa in 2 o più parti? boh nn capisco molto

[Pana!]

per aggiungere colonne è semplice: aggiungi uno o più div flottanti all'interno del div ausiliario (nel mio caso); devi solo stare attento che la somma dei width delle colonne flottanti non superi il width dichiarato al div ausiliario.

per dividere successivamente una colonna in più colonne si deve annidare all'interno di una delle colonne 2 o più div flottanti o meno. il box che le contiene farà a sua volta da ausiliario.

è un po' complicato ...o meglio non proprio intuitivo, però provando dovresti capire

[roby85]

Originariamente inviato da DRL_PNA

per aggiungere colonne è semplice: aggiungi uno o più div flottanti all'interno del div ausiliario (nel mio caso); devi solo stare attento che la somma dei width delle colonne flottanti non superi il width dichiarato al div ausiliario.
per dividere successivamente una colonna in più colonne si deve annidare all'interno di una delle colonne 2 o più div flottanti o meno. il box che le contiene farà a sua volta da ausiliario.

è un po' complicato ...o meglio non proprio intuitivo, però provando dovresti capire

ecco perchè non andava

[Pana!]

http://www.gp-visualdesign.com/worki...na/page02.html



ti faccio notare una cosa: ora sono 3 colonne e la centrale divisa in 2 box. la prima colonna "finisce prima" ...

ti basta creare una gif (che non ho fatto ) ed impostarla adeguatamente come bg del div ausiliario per "aggirare" il problema

[Pana!]

css è da stare svegli la notte

[roby85]

torno a scrivere qui per avere dritte.
Devo fare un blocco all'interno di una cornice.
Per fare tale cornice pensavo di fare i 4 angoli e poi un mini tratto dei bordi che poi verrebbe ripetuto fino alla lunghezza necessaria(il contenuto del blocco sarebbe variabile).
Come faccio a mettere come sfondo un'immagine dicendogli di,nel caso dei laterali di ripeterla una sotto l'altra,nel caso del sopra e del sotto di affiancarlo finchè non arriva alla larghezza desiderata.
La larghezza del blocco sarebbe fissa mentre la lunghezza no.
Chi può aiutarmi?

[ozlacs]

Originariamente inviato da roby85

torno a scrivere qui per avere dritte.
Devo fare un blocco all'interno di una cornice.
Per fare tale cornice pensavo di fare i 4 angoli e poi un mini tratto dei bordi che poi verrebbe ripetuto fino alla lunghezza necessaria(il contenuto del blocco sarebbe variabile).
Come faccio a mettere come sfondo un'immagine dicendogli di,nel caso dei laterali di ripeterla una sotto l'altra,nel caso del sopra e del sotto di affiancarlo finchè non arriva alla larghezza desiderata.
La larghezza del blocco sarebbe fissa mentre la lunghezza no.
Chi può aiutarmi?

non mi è molto chiara la parte in grassetto

cmq, da quello che ho capito, devi ripetere verticalmente un'immagine di sfondo, a larghezza fissa, ma che deve ripetersi verticalmente perche il contenuto del box varia verticalmente?

background: url(immagine_di_sfondo) repeat-y center top;

questa la regola css da applicare all'elemento, sempre che abbia capito cosa intendessi

[roby85]

Originariamente inviato da ozlacs

non mi è molto chiara la parte in grassetto

cmq, da quello che ho capito, devi ripetere verticalmente un'immagine di sfondo, a larghezza fissa, ma che deve ripetersi verticalmente perche il contenuto del box varia verticalmente?

background: url(immagine_di_sfondo) repeat-y center top;

questa la regola css da applicare all'elemento, sempre che abbia capito cosa intendessi

per fargliela ripetere lateralmente invece background: url(immagine_di_sfondo) repeat-x center top; vero?comunque c'hai preso grazie

[Pana!]

però occhio che da come l'hai spiegato tu, vorresti impostare questo tratto di bordo ripetuto in verticale ed in orrizzontale in modo da formare una cornice che "colleghi" i 4 angoli ...però non puoi impostare repeat-x e repeat-y allo stesso box o div in quanto la ripetizione sarebbe su tutta la superficie del box (che equivale ad impostare semplicemente la proprietà repeat).

posta un esempio (un immagine) di come vorresti il box che è più semplice trovare una soluzione

[roby85]

Originariamente inviato da DRL_PNA

però occhio che da come l'hai spiegato tu, vorresti impostare questo tratto di bordo ripetuto in verticale ed in orrizzontale in modo da formare una cornice che "colleghi" i 4 angoli ...però non puoi impostare repeat-x e repeat-y allo stesso box o div in quanto la ripetizione sarebbe su tutta la superficie del box (che equivale ad impostare semplicemente la proprietà repeat).

posta un esempio (un immagine) di come vorresti il box che è più semplice trovare una soluzione

sisi ho capito.
Nei 2 tratti che fanno la parte superiore e inferiore faccio repeat-x nei laterali repeat-y

[Pana!]

ma io farei una cosa del genere, sempre che sia ciò che vuoi fare

http://www.gp-visualdesign.com/workin/drlpna/box01/