ho un problema: se visualizzo il seguente codice con IE ottengo il risultato desiderato (due riquadri affiancati bordati di nero), con firefox o safari non vedo niente. potete aiutarmi a risolvere il problema?
ecco il codice:
<html>
<head>
<title>
</title>
<link rel="stylesheet" type="text/css" href="1.css">
</head>
<body>
<span>
</span>
<span>
</span>
</body>
</html>
e il relativo CSS:
span{width:200px;
height:200px;
border-color:#000000;
border-width:1px;
border-style:solid;}
Per proma cosa devi avere un doctype.
Poi sostituisci lo span con un div.
Fantasupermegafavolipermeramagicultra irresistibili
4 10 30 100 1001 personaggi insuperabili fantaincredibili ultraimpossibili iperterribili irresistibili!!!
"... a quell'età ... bastava un dito per fare la pace ..."
fotine
grazie per il consiglio, tuttavia se applico ai div la proprietà display:inline; per ottenere due riquadri affiancati, ottengo il risultato che voglio solo con IE, per gli altri browser nn cambia niente.
ecco il codice modificato:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"><html lang="en">
<head>
<meta http-equiv="content-type" content="text/html; charset=iso-8859-1">
<title>
</title>
<link rel="stylesheet" type="text/css" href="1.css">
</head>
<body>
<div>
</div>
<div>
</div>
</body>
</html>
e il relativo CSS (anch'esso modificato):
div{
width:40%;
height:40%;
border-color:#000000;
border-width:1px;
border-style:solid;
background-color:#123456;
display:inline;
}
No display:inlineOriginariamente inviato da scu
applico ai div la proprietà display:inline; per ottenere due riquadri affiancati,
Si float:left
Fantasupermegafavolipermeramagicultra irresistibili
4 10 30 100 1001 personaggi insuperabili fantaincredibili ultraimpossibili iperterribili irresistibili!!!
"... a quell'età ... bastava un dito per fare la pace ..."
fotine
grazie per la soluzione, ora i riquadri appaiono anche su firefox, tuttavia non sono affiancati (come si vedono con IE) ma si vedono uno sopra l'altro. come risolvo questo problema?
codice:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"><html lang="en">
<head>
<meta http-equiv="content-type" content="text/html; charset=iso-8859-1">
<title>
</title>
<link rel="stylesheet" type="text/css" href="1.css">
</head>
<body>
<div id ="1">
</div>
<div>
</div>
</body>
</html>
CSS:
div{
width:40%;
height:40%;
border-color:#000000;
border-width:1px;
border-style:solid;
background-color:#123456;
}
#1{float:left;}
Non sto a guardare il codice... (anzi, magari la prossima volta usa il pulsante # per incollare il codice)
Due div si affiancano così:
Leva il css dal codice e adattalo al tuo sito... (se sotto ci dovessi mettere un altro div "pulisci" il tutto assegnandogli un "clear:both")codice:<div style="float:left">111</div> <div style="float:left">222</div>
Fantasupermegafavolipermeramagicultra irresistibili
4 10 30 100 1001 personaggi insuperabili fantaincredibili ultraimpossibili iperterribili irresistibili!!!
"... a quell'età ... bastava un dito per fare la pace ..."
fotine
grazie mille mi hai risolto il problema!
Permessi di invio
Rispondi quotando