div in centro e sfondo a parte

**djspot1975** · 06-12-2011, 15:31

Non riesco proprio a risolvere questo problema, vorrei che i contenuti (testo,shape ecc),rimanessero sempre in centro,ma non so come, ecco un link per farmi capire : http://www.privetorino.net/fla1/ ringrazio in anticipo chi potra' darmi una mano.

**ldetomi** · 06-12-2011, 17:56

Sbagli completamente l'approccio al problema... Hai messo il fondo grigio come immagine in un certo DIV e poi il testo su un altro DIV indipendente che hai posizionato sopra a quello di prima...

Intanto crea un solo DIV e non due, l'immagine la metti di sfondo con i css e il testo ce lo scrivi dentro. Dopodiché al DIV contenitore applichi la regola "margin:0 auto;" per allinearlo al centro.

**djspot1975** · 06-12-2011, 19:04

è vero, potresti cortesemente farmi un piccolo esempio

**ldetomi** · 06-12-2011, 19:26

Ecco di seguito (il colore grigio l'ho messo come colore, inutile mettere un'immagine se è a tinta unita, non credi?

)

codice:

div#blocco_grigio
{
  background-color:gray;
  width:500px;
  height:500px;
  margin:0 auto;
}

<div id='blocco_grigio'>
  testo di prova
</div>

Così facendo avrai un quadrato grigio di 500px di lato, allineato al centro e che contiene la scritta "testo di prova".

**djspot1975** · 06-12-2011, 21:12

fantastico,proprio quello che volevo,ma purtroppo il flash dovrebbe stare sotto,come puoi vedere ,invece mi sovrasta tutto :
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>Untitled</title>
<meta http-equiv="content-type" content="text/html; charset=ISO-8859-1">
<style type="text/css">
/*----------Text Styles----------*/
.ws6 {font-size: 8px;}
.ws7 {font-size: 9.3px;}
.ws8 {font-size: 11px;}
.ws9 {font-size: 12px;}
.ws10 {font-size: 13px;}
.ws11 {font-size: 15px;}
.ws12 {font-size: 16px;}
.ws14 {font-size: 19px;}
.ws16 {font-size: 21px;}
.ws18 {font-size: 24px;}
.ws20 {font-size: 27px;}
.ws22 {font-size: 29px;}
.ws24 {font-size: 32px;}
.ws26 {font-size: 35px;}
.ws28 {font-size: 37px;}
.ws36 {font-size: 48px;}
.ws48 {font-size: 64px;}
.ws72 {font-size: 96px;}
.wpmd {font-size: 13px;font-family: Arial,Helvetica,Sans-Serif;font-style: normal;font-weight: normal;}
/*----------Para Styles----------*/
DIV,UL,OL /* Left */
{
margin-top: 0px;
margin-bottom: 0px;
}
</style>

<script src="ac_activex.js" type="text/javascript"></script>

<style type="text/css">
div#container
{
position:relative;
width: 1290px;
margin-top: 0px;
margin-left: auto;
margin-right: auto;
text-align:left;
z-index:0;
}
body {text-align:center;margin:0}
</style>
<style type="text/css">
div#blocco_grigio
{
background-color:gray;
width:500px;
height:500px;
margin:0 auto;
}
</style>

</head>
<body>
<div id="container">
<div id="flash1" style="position:absolute; overflow:hidden; left:0px; top:0px; width:1290px; height:860px;">
<script type="text/javascript">
AC_RunFlashContent("id","flash1","width","1290","h eight","860","quality","high","autoplay","true","l oop","true","wmode","transparent","codebase","http ://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab","pluginspage","http://www.macromedia.com/go/getflashplayer","src","images/main_v8.swf");
</script>
<noscript>
<object classid="clsid

27CDB6E-AE6D-11CF-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab" width=1290 height=860>
<param name="movie" value="images/main_v8.swf">
<param name="quality" value="high">
<param name="loop" value="true">
<param name="wmode" value="transparent">
<param name="autoplay" value="true">

<object data="images/main_v8.swf" width="1290" height="860" type="application/x-shockwave-flash">
<param name="pluginurl" value="http://www.macromedia.com/go/getflashplayer">
<param name="quality" value="high">
<param name="loop" value="true">
<param name="wmode" value="transparent">
<param name="autoplay" value="true">
</object>

</object>
</noscript>
</div>
</div>
<div id='blocco_grigio' style="overflow:hidden; z-index:0">

<font size="5" color="#00FFFF">testo di prova
</font>
</div>

</body>
</html>

Penso sia un problema di zindex

**ldetomi** · 06-12-2011, 21:25

ODDIO che codice obbrobrioso...........

Tipico di un codice generato con qualche tool automatico

per non parlare dei tag html deprecati come il B e il font size.....

Inoltre quando posti un codice, devi usare i tag appositi del forum in modo che sia mostrato in carattere monospaziato!!!!

In ogni caso, sì, è probabile che sia un problema di z-index che hai definito solo sul blocco grigio e non su quello che contiene flash....

**djspot1975** · 07-12-2011, 02:31

che asino che sono,lo so,un aiutino?

**ldetomi** · 07-12-2011, 10:19

Prova a mettere z-index:0 per il div con il flash, e z-index:100 (basterebbe 1, ma con 100 sei sicuro che sarà sempre in primo piano, qualsiasi altro oggetto inserirai) per il div con sfondo grigio!!!

In ogni caso, come ti dicevo ci sono parecchie cose che non vanno in quel codice. Ok, alla fine andrà comunque, ma stai scrivendo 100 righe quando ne basterebbero 20, e usi tag html mischiati a css..... insomma, è davvero sporco come codice, non credi sarebbe il caso approfondire un po' le nozioni di base e riprendere il lavoro??? Purtroppo se non conosci le nozioni di base, non è nemmeno facile aiutarti perché si danno per scontate un sacco di cose quando magari per te non lo sono......

**djspot1975** · 07-12-2011, 19:26

finalmente c'è l'ho fatta tutta via con internet explorer non funge come voglio io,ma con firefox alla grande,penso ci voglia solo una aggiunta di qualcosa guarda :http://www.privetorino.net/fla1/dai%20cazzo.html basta pocchissimo per ie,ma cosa....

**ldetomi** · 07-12-2011, 19:47

Nello specifico ancora non ho individuato il problema per IE, ma di sicuro ci sono alcune cose che non vanno.
Ci sono 2 div che contengono solo un carattere e che non servono apparentemente a nulla, e il container sembra non avere dimensioni....

Fai una cosa, carica una versione iper semplificata del tuo layout, tira via tutto ciò che non serve per mostrare il problema, ovvero flash, javascript, font di google, div accessori ecc... Applica un bordo a ciacun div con "border:solid 1px red;" (magari cambiando i colori) così posso verificare per bene come interagiscono i vari elementi....

(ti sembrerà strano, ma è così che si risolvono i problemi, io lo faccio regolarmente!!!!)

Discussione: div in centro e sfondo a parte

Strumenti discussione

Ricerca discussione

Visualizza

div in centro e sfondo a parte

fantastico pero'

ok ok scusa

Permessi di invio