Ciao a tutti ho un problema con i div ho creato una pagina suddivisa attraverso tabelle e dividendola in sezione tramite il tag div il problema e che quando inserisco uno sfondo
x una sezione non mi viene visualizzata se non inserisco del testo all'interno della sezione..
scusate ma nn mi riesco a spiegare molto bene posto il codice html e il codice del css fatemi sapere... a me pare che la tabella non abbia dimensioni fisse ma si adatti al contenuto
<code>
<?php defined( '_VALID_MOS' ) or die( 'Direct Access to this location is not allowed.' ); $iso = split( '=', _ISO ); echo '<?xml version="1.0" encoding="'. $iso[1] .'"?' .'>';
?>
<!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>
<?php if ( $my->id ) initEditor(); ?>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-2" />
<?php mosShowHead(); ?>
<link rel="shortcut icon" href="<?php echo $mosConfig_live_site;?>/images/favicon.ico" />
<link href="<?php echo $mosConfig_live_site;?>/templates/<?php echo $mainframe->getTemplate(); ?>/css/template_css.css" rel="stylesheet" type="text/css" />
</head>
<body>
<style type="text/css">
#centro {
height: 381px;
overflow: auto;
background-color: #FFFFCC;
}
</style>
<?/*tabella principale*/?>
<table width="100%" border="1" cellspacing="0" cellpadding="0" align="center">
<tr>
<TD>
<?/*tabella INTESTAZIONE*/?>
<table width="100%" height="100" border="1" cellspacing="0" cellpadding="0" align="center">
<tr>
<td align="center">
<div id="intestazione">
oo
oooooooooooooooooooooooo
</div>
</td>
<td width=30%>
<div id="topdestro"> </div>
</td>
</tr>
</table><?/*chiudo tabella INTESTAZIONE*/?>
<?/*TABELLA di divisione*/?>
<div id="spazi">
<table width="100%" border="1" cellspacing="0" cellpadding="0" align="center">
<tr>
<td width="33,33%"><div id="spazio1"></div></td>
<td width="33,33%"><div id="spazio2"></div></td>
<td width="33,33%"><div id="spazio3"></div></td>
</tr>
</table><?/*chiudo TABELLA di divisione*/?>
</div>
<?/*TABELLA DESTRA CENTRO SINISTRA*/?><div id="tabellacentrale"><table ALIGN="center" width="100%" HEIGHT="400" border="1" cellspacing="0" cellpadding="0">
<tr>
<td width="20%"><?/*COLONNA DI SINISTRA*/?>
<?/*TABELLA AREA DI SINISTRA*/?>
<div id = "left">
<table HEIGHT="400" width="100%" border="1" cellspacing="0" cellpadding="0" align="center">
<tr >
<td >
<div id = "lefttop">
</div>
</td>
</tr>
<tr>
<td >
<div id = "leftcc">
</div>
</td>
</tr>
<tr >
<td > <div id = "leftdown">
</div></td>
</tr>
<tr >
<td ></td>
</tr>
</table>
</div>
</*CHIUDE TABELLA DI SINISTRA*/?>
</td>
<?/*Colonna di centro*/?>
<td width="60%">
<?/*TABELLA AREA DI centro*/?>
<table width="100%" border="1" cellspacing="0" cellpadding="0" align="center">
<tr>
<td valign="center">
<div id = "centro">
</div>
</td>
</tr>
</table></*CHIUDE TABELLA DI centro*/?>
</td><?/* chiudo COLONNA DI centro*/?>
<td width="20%"><?/*TABELLA AREA DI destra*/?>
<div id = "right">
<table HEIGHT="400" width="100%" border="1" cellspacing="0" cellpadding="0" align="center">
<tr >
<td ><div id = "righttop">
</div></td>
</tr>
<tr>
<td ><div id = "rightcc">
</div></td>
</tr>
<tr >
<td ><div id = "rightdown">
</div></td>
</tr>
<tr >
<td ></td>
</tr>
</table>
</div>
</*CHIUDE TABELLA DI destra*/?>
</td>
</tr>
</table><?/*TABELLA DESTRA CENTRO SINISTRA*/?></div>
<?/*tabella DOWN*/?>
<table width="100%" height="100" border="1" cellspacing="0" cellpadding="0" align="center">
<tr>
<td align="center" width="33,33%"> <div id = "downleft">
</div> </td>
<td align="center" width="33,33%"><div id = "downcenter">
</div></td>
<td align="center"><div id = "downright">
</div></td>
</td>
</tr>
</table><?/*chiudo tabella DOWN*/?>
</TD>
</table>
<?/*chiudo tabella principale*/?>
</body>
</html> </code>
ecco il css
#intestazione{
background-color: red ;
}
semplicissimo ma perchè non va
Rispondi quotando
VVoVe: Ie NN SUPPORrta gli attributi width e height inseriti all''interno del css? grazie
