come da titolo...
nel mio quotidiano brainstorming per risolvere i problemi di crossbrowserizzazione ho scoperto che il metodo float:left applicato ad entrambi i div sta un pò antipatico sia a IE7 che a FF..soprattutto se questi sono contenuti in un altro div
antipatico?!
esattamente quale sarebbe il problema ?
Vuoi aiutare la riforestazione responsabile?
Iscriviti a Ecologi e inizia a rimuovere la tua impronta ecologica (30 alberi extra usando il referral)
questo è il codice...il div verde e il giallo dovrebbero stare in quello blu come si vede in IE, mentre FF ha una sua interpretazione
Codice PHP:<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Documento senza titolo</title>
<style type="text/css">
<!--
div.container{
background:#0000FF;
display:block;
width:500px;}
div.uno{
background:#00CC33;
display:block;
width:100px;
float:left;}
div.due{
background:#FFFF00;
display:block;
width:100px;
float:left;}
-->
</style>
</head>
<body><div class="container">
container</p><div class="uno">
1111</p></div><div class="due">
2222</p>
</div></div>
</body>
</html>
prova così
Codice PHP:<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Documento senza titolo</title>
<style type="text/css">
<!--
div.container{
background:#0000FF;
width:500px;}
div.uno{
background:#00CC33;
width:100px;
float:left;}
div.due{
background:#FFFF00;
width:100px;
float:left;}
.joi {
font-size: 0px;
height: 0px;
clear: both;
}
-->
</style>
</head>
<body>
<div class="container">
container</p>
<div class="uno">
1111</p>
</div>
<div class="due">
2222</p>
</div>
<div class="joi"></div>
</div>
</body>
</html>
Permessi di invio
Rispondi quotando