div nei div... incopatibilità con netscape

**super_slotty** · 29-07-2003, 16:32

Salve a tutti,
sto trovando molti problemi nell'adattare a netscape una cosa semplice come un div nel div. la costruzione per semplificare la spiegazione è così:

<div class="1">
<div class="2">
</div>
</div>

premettendo che il div1 ha uno sfondo colorato, scrivendo dentro il div2, il div1 non "cresce" insieme al div2 e NS lo fa vedere come se i due div fossero, secondo la logica, così:

<div class="1">
</div>
<div class="2">
</div>

vi ringrazio
Simone

**Mich_** · 29-07-2003, 16:40

Non mi piace un numero come nome della classe (potrebbe essere interpretato in maniera non corretta).

Non puoi aspettarti che tutti i browser si comportino come IE: in tal caso probabilmente e` IE che si comporta in modo non conforme alle norme.

Tornando al problema, dovresti comunque fare in modo che ci sia un bordo in fondo, o lasciando un border (o margin o padding) oppure inserendo qualcosa che "tenga il posto" come ad esempio & nbsp;
(senza lo spazio dopo &

Esempio:
<div class="c1">
& nbsp;

<div class="c2">
....
</div>
& nbsp;

</div>

Ciao
Michele

**super_slotty** · 29-07-2003, 16:48

I numeri erano solo di esmpio :-p... ho provato anche questo ma niente è come se i due div fossero uno dopo l'altro e non uno dentro l'altro... sapevo anche che era probabile "qualche" imcopatibilità fra IE e NS ma non fino a questo punto!!!

**Mutato** · 29-07-2003, 17:47

Prima di tutto: che versione di Netscape?

Prova a specificare l'assenza di back in c2

.c1 {background:blue;}
.c2 {background:none;}

oppure costringere il DIV a ereditare il colore da c1

.c1 {background:blue;}
.c1 div.c2 {background:none;}

**super_slotty** · 30-07-2003, 10:49

La versione di Netscape è la 7.1

Oggi inizia il secondo giorno di smadonnamenti... nemmeno con il consiglio di mutato la cosa si risolve... odio Ns con tutte le mie forze

che se ne vada a fare in

**Mutato** · 30-07-2003, 16:21

Senti, a me sulla 7.1 funzia alla perfezione quindi come si conviene posta il codice CSS e quello html e vediamo. Cosi' non si capiscxe niente.

**super_slotty** · 30-07-2003, 16:36

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title> xxx</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<link href="_css/index.css" rel="stylesheet" type="text/css" media="screen">
</head>
<body>
<center>
<div class="up">[img]/_lib/int/0_x.gif[/img]
</div>
<div class="dashedline">[img]/_lib/int/0_dashed_line.gif[/img]</div>
<div class="up2">
<div class="menu"><font color="#FFFF00">Home</font>[img]_lib/int/0_space_menu.gif[/img]</font>
</div>
</div>
</div>
<div class="dashedline">[img]/_lib/int/0_dashed_line.gif[/img]</div>
<div class="middle">
<div class="colsin">khkjhkh
</div>
</div>

</center>
</body>
</html>

<--! CSS -->

BODY {
margin-top: 20px;
background-image: url(../_lib/int/0_bg.gif);
font-family: Arial,Verdana, sans-serif;
font-size: 9pt;
}

.up{
background-color: #A5CFCE;
width: 750px;
text-align:left;
border-top-style:solid;
border-top-color: #696969;
border-top-width: 1px;
border-left-style:solid;
border-left-color: #696969;
border-left-width: 1px;
border-right-style:solid;
border-right-color: #696969;
border-right-width: 1px;

}

.dashedline{
background-image: url(../_lib/int/0_dashed_line.gif);
width: 750px;
border-left-style:solid;
border-left-color: #696969;
border-left-width: 1px;
border-right-style:solid;
border-right-color: #696969;
border-right-width: 1px;
}

.up2{
background-color: #84B6B5;
width: 750px;
border-left-style:solid;
border-left-color: #696969;
border-left-width: 1px;
border-right-style:solid;
border-right-color: #696969;
border-right-width: 1px;
text-align:left;
}

.menu{
padding-top:4px;
padding-bottom: 4px;
padding-left: 10px;
}

.middle{
background-color: White;
border-left-style:solid;
border-left-color: #696969;
border-left-width: 1px;
border-right-style:solid;
border-right-color: #696969;
border-right-width: 1px;
text-align:left;
width: 750px;
}

.colsin{
background-color: red;
text-align:center;
float:left;
margin-left:20px;
}

**super_slotty** · 30-07-2003, 16:43

praticamente il div middle non sege colsin

**Mutato** · 30-07-2003, 16:51

Io vedo due pagine identiche, su NN7.1 3 IE6.0... provo a razzionalizzare il tuo HTML nell'attesa che tu ci dica quale div non eredita il colore.

[cut]
<center>
<div class="up">
QUESTO APRE E CHIUDE
</div>

<div class="dashedline">
QUESTO APRE E CHIUDE
</div>

<div class="up2">
QUESTO APRE E INCLUDE MENU
<div class="menu">
MENU
</div>
</div>

</div> ?UN INTRUSO?

<div class="dashedline">
QUESTO APRE E CHIUDE
</div>

<div class="middle">
QUESTO APRE E INCLUDE COLSIN
<div class="colsin">
COLSIN
</div>
</div>

------------------
tranne per quel div in piu' a me pare che tutto rispetti il css

**Mutato** · 30-07-2003, 16:54

Originariamente inviato da super_slotty
praticamente il div middle non sege colsin

No, ha ragione il browser. Colsin ha sfondo rosso ed e' dipendente da un div che ha sfondo bianco. Quindi... o "espandi" colsin al 100%

.colsin{
background-color: red;
text-align:center;
float:left;
width:100%;
height:100%;
}

<div class="middle">
<div class="colsin">
COLSIN
</div>
</div>

oppure imposti middle con lo sfondo rosso.

Discussione: div nei div... incopatibilità con netscape

Strumenti discussione

Ricerca discussione

Visualizza

div nei div... incopatibilità con netscape

Permessi di invio