[Box model] ma funziona??

[raffaeu]

Ciao a tutti ho un sito in Asp dove carico un bel cataloghetto ..
Allora mi son detto 'Studio il box model e lo applico alle pagine asp'

Ecco qui il mio css che non va per niente!!

#div1 {
background: Silver;
margin : 5px;
border : 1px solid #CC0033;
padding : 5px;
width : 100px;
height : 100px;
}

#div3bis {
background: white;
border: 5px solid black;
width: 50%;
} 

se nella pagina scrivo

<DIV ID="div1">Questa è la frase da vedere</DIV> 

non vedo ne il box ne il testo si adatta alla larghezza del box...

Chi sa aiutarmi?

[Sgnafurz]

#div1 {
background-color: Silver;
margin: 5px;
border: 1px solid #CC0033;
padding: 5px;
width: 100px;
height: 100px;
}

#div3bis {
background-color: white;
border: 5px solid black;
width: 50%;
}


BACKGROUND-COLOR!!!! :gren:
forse l'errore era tutto li

[raffaeu]

Niente da fare ...
Sgnafurz ho messo questo code nel css esterno:

#div1 {
background-color: Silver;
margin : 5px;
border : 1px solid #CC0033;
padding : 5px;
width : 100px;
height : 100px;
}

#div3bis {
background-color: white;
border: 5px solid black;
width: 50%;
}

e lo chiamo in questo modo

<div id="div1">
Questa una prova che deve essere contenuta nel div con nome div1.
<div id="div3bis">Questo invece è il secondo contenitore.</div>

Ma vedo la scritta normale non inclus nel box model da me creato ...

Cosa sbaglio?

[Sgnafurz]

puoi postare tutto il codice oppure dirmi cosa effettivamente non ti fa vedere di quegli attributi?

P.S. nel CSS esterno non mettere i commenti HTML cmq

[raffaeu]

Questo è il mio css

BODY {
font-family: Arial, Helvetica, sans-serif; 
font-size: 11px; 
border-top-width: 1px; 
border-right-width: 1px; 
border-bottom-width: 1px; 
border-left-width: 1px; }

#div1 {
background-color: Silver;
margin : 5px;
border : 1px solid #CC0033;
padding : 5px;
width : 100px;
height : 100px;
}

#div3bis {
background-color: white;
border: 5px solid black;
width: 50%;
}

ul.lista4 li {
list-style : square inside;
}
ul.lista2 li {
list-style-position : inside;
}
ul.lista1 {
list-style-image : url(list.gif);
}

Come vedi sono due box model e te tipi di elenco puntato, questi ultimi funzionano ma non funzionano i box model???

Provi tu su una pagina vuota?

[raffaeu]

Trovato erano i commenti HTML che non ci andavano ... mah

Adesso tutto ok un' altra cosa, io ho questi due box model come faccio a far si che il testo del primo box circondi il secondo box?

[Sgnafurz]

Originariamente inviato da raffaeu
Trovato erano i commenti HTML che non ci andavano ... mah

Adesso tutto ok un' altra cosa, io ho questi due box model come faccio a far si che il testo del primo box circondi il secondo box?

i commenti in CSS li metti cosi

// commento

[raffaeu]

Questo è il link a cio' che ho creato con il tuo aiuto

www.simedia.ch/prova.asp

Come vedi il div funziona benone, all' interno l' immagine che vedi è un secondo div il div3bis del mio css.
Vorrei che il testo del div principale circondasse il div interno??

Mi hai capito?