I forum Ricerca FAQ
Fai una domanda
Ultimo messaggio
nelchael81
nelchael81
il 27 febbraio 2007 alle 20:48
269 messaggi dal 03 marzo 2002
Qualcuno mi dia una mano,
ho grossi problemi a gestire le posizioni dei div con i css.
In piu ho il div principale che contiene tutti gli altri ( non so se è corretto farlo ) che non riesce a "contenere" gli altri div...
Per altro sono stato costretto ad utilizzare una tabella per dividere i div in due colonne!!!
.. per capire cosa voglio dire andate a questo indirizzo:
http://studioschiavone.no-ip.info:8080/aquarium
RispondiQuoting
m.casati
m.casati
il 28 febbraio 2007 alle 11:55
3.083 messaggi dal 13 giugno 2001
Contributi
mcasati.com | Blog
Così a naso mancano dei float ai div contenitori...

Una lettura di "Guida Layout dei siti con i CSS" potrebbe aiutare.

E poi cos'è quel messaggio nel footer??
A "CAUSA" dell'utilizzo di CSS standard, il sito potrebbe presentare errori di visualizzazione se aperto con Internet Explorer!

Ok, il supporto ai CSS di IE non è perfetto (ma se vogliamo essere pignoli nemmeno quello di Moz) ma da qui a non poter impostare il layout con i CSS su IE ce ne passa!!!

Tra l'altro le direttive con il prefisso "-moz" non sono proprio STANDARD!

Se poi posso permettermi una critica: cura un po' di più l'html: tag e attributi maiuscoli/minuscoli, tag non chiusi, assenza quasi totale dei caratteri di quotatura degli attributi, gerarchie dei tag non rispettate (LI senza UL o OL ad esempio), ecc.
Matteo Casati
GURU4.net
RispondiQuoting
nelchael81
nelchael81
il 28 febbraio 2007 alle 12:12
269 messaggi dal 03 marzo 2002
Come tutti gli altri contenuti anche quello è provvisorio ( e anche ironico )
Anche tutto l'htmlè solo abbozzato, verrà generato tutto da delle funzioni in asp così da risultare completamente omogeneo.
Per ora stavo solo giocherellando con le div perchè prima d'ora nn le avevo mai usate

Per il problema del div MAIN che non conteneva gli altri, mi è bastato cancellare l'attributo height e lasciare quello width ed è andato a posto. Spero sia corretto adoperare questa pratica.
Modificato da nelchael81 il 28 febbraio 2007 12.14 -
RispondiQuoting
ummon
ummon
il 28 febbraio 2007 alle 12:50
95 messaggi dal 28 ottobre 2006
Mi sembra che il layout che vorresti convertire da tabelle a DIV possa essere facilmente implementato con il classico due-colonne a larghezza fissa.

Ti posto un file HTML contenente solo il codice dimostrativo del layout e qualche colorino per vederlo meglio. Importantissimo al giorno d'oggi, metti un DTD in testa al documento, perchè i browser interpretano diversamente HTML e CSS a seconda del DTD. Ti ho messo un DTD tollerante, così non hai troppi paletti.

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> 
<html>
<head>
<style>

/* questi per il layout */
#topbar   { width: 770px; }  /* 770 = 600 + 170 */
#leftmenu { position:absolute; width: 150px; }
#mainbody { margin-left: 170px; width: 600px; }

/* questi solo per cosmesi */
body { background-color: #333333; }
#topbar,#leftmenu,#mainbody { border: 1px solid white; background-color: #666666; }

</style>
</head>

<body>

<div id="topbar">
      &nbsp;<br />&nbsp;<br />&nbsp;<br />&nbsp;<br />
      &nbsp;<br />&nbsp;<br />&nbsp;<br />&nbsp;<br />
</div>
<br />
<div id="main">
   <div id="leftmenu">
      &nbsp;<br />&nbsp;<br />&nbsp;<br />&nbsp;<br />
      &nbsp;<br />&nbsp;<br />&nbsp;<br />&nbsp;<br />
      &nbsp;<br />&nbsp;<br />&nbsp;<br />&nbsp;<br />
      &nbsp;<br />&nbsp;<br />&nbsp;<br />&nbsp;<br />
   </div>
   <div id="mainbody">
      &nbsp;<br />&nbsp;<br />&nbsp;<br />&nbsp;<br />
      &nbsp;<br />&nbsp;<br />&nbsp;<br />&nbsp;<br />
      &nbsp;<br />&nbsp;<br />&nbsp;<br />&nbsp;<br />
      &nbsp;<br />&nbsp;<br />&nbsp;<br />&nbsp;<br />
      &nbsp;<br />&nbsp;<br />&nbsp;<br />&nbsp;<br />
      &nbsp;<br />&nbsp;<br />&nbsp;<br />&nbsp;<br />
      &nbsp;<br />&nbsp;<br />&nbsp;<br />&nbsp;<br />
      &nbsp;<br />&nbsp;<br />&nbsp;<br />&nbsp;<br />
   </div>
</div>


</body>
</html>
RispondiQuoting
nelchael81
nelchael81
il 28 febbraio 2007 alle 13:02
269 messaggi dal 03 marzo 2002
Grazie 1000
Lo implemento subito.
Modificato da nelchael81 il 28 febbraio 2007 13.06 -
RispondiQuoting
nelchael81
nelchael81
l'1 marzo 2007 alle 10:46
269 messaggi dal 03 marzo 2002
Ho riscritto con il nuovo layout, ma ho ancora problemi con explorer!
Il menù a sinistra appare sofrapposto a quello di destra.
Si puo risolvere ?

Altrimenti dovro' lasciare la scritta a piè pagina

Poi sto cercando un modo per far "rientrare" le immagini nei div, ma per ora nn ci sono riuscito

riporto il link alla pagina:

http://studioschiavone.no-ip.info:8080/aquarium

e il link al css
http://studioschiavone.no-ip.info:8080/aquarium/stile.css



Edit: Sono riuscito a far rientrare le immagini impostando l'id #cella le seguenti proprietà:
visibility=visible
Overflow=auto


Modificato da nelchael81 il 01 marzo 2007 11.09 -
Modificato da nelchael81 il 01 marzo 2007 11.11 -
RispondiQuoting
ummon
ummon
l'1 marzo 2007 alle 13:43
95 messaggi dal 28 ottobre 2006
Ciao,
ora non ho modi di provarlo su un Explorer, però per risolvere il problema dovrebbe bastare rendere esplicito l'attributo LEFT del menu:

#leftmenu { position:absolute; width: 150px; left: 10px;}



Ora non so se è questo il caso, ma browser diversi oltre ad avere comportamenti diversi nei CSS, hanno anche diversi valori di default degli attributi.

Spero che la riga di sopra ti risolva il problema, ciao
RispondiQuoting
nelchael81
nelchael81
l'1 marzo 2007 alle 15:18
269 messaggi dal 03 marzo 2002
Ok ora funziona.

Modificato da nelchael81 il 01 marzo 2007 15.21 -
RispondiQuoting

Torna al forum | Feed RSS

ASPItalia.com non è responsabile per il contenuto dei messaggi presenti su questo servizio, non avendo nessun controllo sui messaggi postati nei propri forum, che rappresentano l'espressione del pensiero degli autori.