Testo che scompare!

[Lollys]

Ti chiedo un'altra cosa che non mi funziona:

Ho questa pagina:

<div>

<div>
</div>

<div>
</div>

</div>

Il primo fà da contenitore generale, poi il secondo forma un'altro box all'interno ed il terzo sempre all'interno forma un'altro box!

I due box all'interno sono uno sopra e l'altro sotto!
Succede che con IE il primo box (interno) lascia uno spazio al lato destro e si vede quello sotto generale, mentre con NE và tutto bene!

Se tolgo il box (interno) di sotto quello sopra si espande completamente senza spazi!

Come mai ? E' un problema di display ?

[pacovox]

Potresti postare il codice?

[Lollys]

Ho scoperto che cosa era:

I tre div non hanno formattazioni particolari se non per il testo, il problema stà nel terzo div:

<div id="1">
<div id="2">
</div>
<div id="3">
<table widht="100%"></table>
</div>
</div>

Ho visto che è proprio la tabella con widht="100%" a crearmi problemi con il div 2 che si restringe, mentre se tolgo il widht và tutto bene!
Ho già provato a mettere nei div dei block ma non và, come mai ?
L'hò messa a 98% e và bene per ora, ma come mai ?

[pacovox]

Sai che non ho ancora capito!

Ho provato così e credo non ci siano problemi:
#contenitore {
background-color: #00FF66;
width: 100%;
}
#sopra {
background-color: #3333FF;
width: 100%;
}
#sotto {
background-color: #CCCC99;
width: 100%;
}

<div id="contenitore">
<div id="sopra">Div sopra</div>
<div id="sotto">
<table width="100%" border="0">
<tr>
<td>Div sotto</td>
</tr>
</table>
</div>

Comunque se posti il codice (CSS) forse ti posso aiutare.

[Lollys]

Adesso provo, però da me non funziona, comunque voglio provare a togliere la tabella, adesso vedremo!

Guarda qui un'altro esempio!
Ho uno stile di base da poter riutilizzare!

#Base{
border-top-style: solid;
border-top-width: 1px;
border-top-color: #79acbb;
border-bottom-style: solid;
border-bottom-width: 1px;
border-bottom-color: #79acbb;
background-color: #f0f0f0;
}

<div id="Base"></div>

Se lo voglio di tot dimensioni:

<div id="Base" stile="width: 200px"></div>

Non funziona!! Fino a l'altro giorno andava ed ora no come mai ?
Ho fatto una prova su una nuova pagina per escludere eventuali conflitti, ma non dovrebbe funzionare cosi ?

[Lollys]

Scusate

MA che deficiente la Y !!
- STYLE - e non - STILE -

MA sarò deficiente :di56:

[silvia.c]

Nemmeno io voglio aprire un'altra discussione, però vorrei sottoporre il mio problema, molto simile a quelli elencati qui, ma diverso...

Io non ho nessuna immagine, solo dei DIV... il testo che sotto vedete rosa, sparisce e ricompare a seconda di come muovo la barra di scorrimento!

vi posto il codice:



<div id="content">



Per evitare l'immissione di annunci non pertinenti ogni messaggio è sottoposto ad un controllo e verrà inserito sul sito entro 24 ore dalla sua immissione.
etc etc etc</p>

<div class="split2">
<div>

Indicate in quale categoria...</p></div>
<div><p class="dx">campo in aspx</p></div>
</div>

<div class="clearer"></div>

<div class="split2">
<div>

Se ne siete a conoscenza...</div>

<div><p class="dx">campo in aspx</p>
</div>
</div>

<div class="clearer"></div>

<div class="split2">
<div>

Tatuaggio/Microchip</p></div>
<div><p class="dx">campo in aspx</p></div>
</div>

<div class="clearer"></div>

<div>Inserite dove avete smarrito...</ div>

<div class="clearer"></div>

etc etc... come sopra

</div>



lo stile invece è il seguente:

body {
text-align: center;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 76%;
background-image: url(images/sfondo.gif);
margin: 0px;
padding: 0px;
height: 100%;
background-repeat: repeat;
background-attachment: fixed;



}

div#container {
text-align: left;
margin: 0px auto;
width: 648px;
background-color: #FFF9D3;
height: 90%;


}

div#content {
background-color: #FFF9D3;
margin-left: 170px;
z-index: 1;



}


div.split2 div {
float:left;
width: 42%;
padding: 5px;
text-align: center;
margin-right: auto;
margin-left: auto;
}

div.clearer {
clear: left;

}


ovviamente il codice è molto ridotto, la pagina online sarebbe questa: http://www.animalipersieritrovati.or.../annunci1.aspx

Qualcuno sa spiegarmi come potrei risolvere questo cruccio? C'ho provato in tutti i modi!! :master:

Grazie!!

[Mich_]

Non riesco a capire se vuoi che quel div appaia o scompaia o se e` un comportamento che fa ma non e` voluto.

Ho comunque dato un'occhiata alla pagina, e a fronte di uan DTD XHTML Transitional, ci sono varie cose che in XHTML non sono corrette:
- Lo script inserito nella pagina (senza commenti CDATA)
- Nomi di oggetti che iniziano per _
- tag non supportati (es. font)
- attributi non supportati (es. align, width)


Ci sono inoltre dei problemi con alcuni div non correttamente allineati, e con dei div vuoti (alcuni browser li eliminano, altri ne tengono il posto).
Io non vedo la scritta delle spiegazioni ("Per accedere velocemente al contenuto ..."), ed altri div.

Ti posso consigliare una validazione della pagina tramite un validatore in linea oppure tramite Tidy (che devi scaricarti), e successiva correzione.

[silvia.c]

Il comportamento è anomalo, cioè vorrei che quel testo contenuto in quel div stia proprio dov'è! :master:

Ho controllato la pagina al validatore online del w3c ed effettivamente ci sono alcuni errori che andrò senz'altro a sistemare... pensi possano essere quelli a far magicamente scomparire il DIV?

Mannaggia

[Lollys]

Io ho risolto cambiando la struttura della pagina!

Prova a dare al paragrafo

un display: block;

Oppure prova ad aggiungere un div

<div>



</p>
</div>


Oppure dai al paragrafo

un z-index: 1;

Sinceramente altro non saprei !!