Hola: he estado siguiendo los pasos y todo ha ido bien hasta que he llegado a la sección FLOAT donde bartolo se sale del div global, y a partir de ahí todo es un desastre. Os pongo los códigos:
html:
<!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>Prueba cctw</title>
<link href="pruebacctwdos.css" rel="stylesheet" type="text/css">
</head>
<body>
<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab…" width="1150" height="377">
<param name="movie" value="FLASHINDEXLIMPIO3.swf" />
<param name="quality" value="high" />
<embed src="FLASHINDEXLIMPIO3.swf" quality="high" pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash" width="1150" height="377"></embed>
</object>
<DIV id="global">
<DIV id="bartolo">
Este es mi primer DIV llamado bartolo</P>
</DIV>
<DIV id="catalina">
Este es mi primer DIV llamado catalina</P>
</DIV>
</DIV>
</body>
</html>
css:
/* CSS Document */
body {width: 100% }
body {background-color: #845E73 }
body{margin:0}
#global {BACKGROUND-COLOR:#FF9900 ; BORDER: #000 1px solid ; MARGIN: 4px 4px 4px 4px ; PADDING: 2px 2px 2px 2px ; WIDTH: 800px ;}
#bartolo {BACKGROUND-COLOR:#00CC00 ; BORDER: #000 1px solid ; MARGIN: 0px 0px 0px 0px ; WIDTH: 80px ; FLOAT: left ; }
#catalina {BACKGROUND-COLOR:#00CCFF ; BORDER: #000 1px solid ; MARGIN: 0px 0px 0px 0px ; }
He puesto un flash como cabecera y no se si las propiedades que tenía para que este quedara bien han influido en el problema. He estado haciendo pruebas y no encuentro el fallo.
Un saludo.
html:
<!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>Prueba cctw</title>
<link href="pruebacctwdos.css" rel="stylesheet" type="text/css">
</head>
<body>
<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab…" width="1150" height="377">
<param name="movie" value="FLASHINDEXLIMPIO3.swf" />
<param name="quality" value="high" />
<embed src="FLASHINDEXLIMPIO3.swf" quality="high" pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash" width="1150" height="377"></embed>
</object>
<DIV id="global">
<DIV id="bartolo">
Este es mi primer DIV llamado bartolo</P>
</DIV>
<DIV id="catalina">
Este es mi primer DIV llamado catalina</P>
</DIV>
</DIV>
</body>
</html>
css:
/* CSS Document */
body {width: 100% }
body {background-color: #845E73 }
body{margin:0}
#global {BACKGROUND-COLOR:#FF9900 ; BORDER: #000 1px solid ; MARGIN: 4px 4px 4px 4px ; PADDING: 2px 2px 2px 2px ; WIDTH: 800px ;}
#bartolo {BACKGROUND-COLOR:#00CC00 ; BORDER: #000 1px solid ; MARGIN: 0px 0px 0px 0px ; WIDTH: 80px ; FLOAT: left ; }
#catalina {BACKGROUND-COLOR:#00CCFF ; BORDER: #000 1px solid ; MARGIN: 0px 0px 0px 0px ; }
He puesto un flash como cabecera y no se si las propiedades que tenía para que este quedara bien han influido en el problema. He estado haciendo pruebas y no encuentro el fallo.
Un saludo.