Can anyone tell me why the background of the parent container (class=outer) disappears when the [I]second
Thanks in advance
[SIZE=”1″]<!DOCTYPE html PUBLIC “-//W3C//DTD XHTML 1.0 Transitional//EN”
“
<html xmlns=”
<head>
<meta name=”viewport” content=”width=device-width, initial-scale=1, maximum-scale=1″/>
<link rel=”shortcut icon” href=”http://tmwstudio.com/favicon.ico”/>
<!– CSS links –>
<link rel=”stylesheet” href=”stylesheets/tmws-basics-Btest.css”/>
</head>
<body>
<center>
<div class=”outer”>
<center>
<!– page header ======================================== –>
<div class=”inner”>
<table width=”100%” border=”0″ cellpadding=”0″ cellspacing=”0″ style=”border-collapse: collapse”>
<tr>
<td background=”images_Blueberry/head-blueberry.jpg”>
<a href=”index.htm”>
<img border=”0″ src=”images_Blueberry/nav/back.png” style=”float: right” width=”75″ height=”38″ alt=”.”/></a>
<h1 class=”page-title”>’B’ is for BUSINESS</h1>
</td>
</tr>
<tr>
<td>line to test height of container background</td>
</table>
</div>
<!– end of page header ======================================== –>
<!– start 3 columns –>
<div class=”inner”>
<div class=”span-one-third”>
<p>new column line one</p>
<p>new column line two</p>
<p>new column line three</p>
</div>
<div class=”span-one-third”>
<p>new column line one</p>
<p>new column line two</p>
<p>new column line three</p>
</div>
<div class=”span-one-third”>
<p>new column line one</p>
<p>new column line two</p>
<p>new column line three</p>
</div>
</div>
<!– end 3 columns –>
</center>
</div>
</center>
</body>
</html>
+++++++++++++++++++++++++++++++++++++++++++++++++++
/* == A TEST STYLE SHEET SYSTEM TEMPLATE FOR TMWS DESIGNS ==
/* == ## from B A S I C S ========================================
html, body
{
height: 100%;
}
body, p, normal
{
font-size: 10pt; color: #000000;
margin-top: 0; margin-bottom: 0;
text-align: left; margin-left: 0%; padding-top: 2px;
font-family: Tahoma, Geneva, Arial, Helvetica, sans-serif;
}
/* == HEADINGS ========================================
h1 {
font-size: 16pt;
font-weight: normal;
text-align: left; margin-left: 0%;
}
/* == ## from L A Y O U T ==================================================
/* == BACKGROUND ==
/* — lilac background —
body
{
background-color: #CCCCFF;
}
/* == CONTAINERS ==================================================
/* — main container – white background with deep purple border —
.outer {
max-width:900px;
outline: 2px; outline-style: solid; outline-color: #4D0165;
max-width: 1000px; max-height: 100%; margin: 6px; padding: 2px;
background-color:#ffffff;
}
.inner {
text-align: left;
outline: 0px;
margin: 1px; padding: 0px;
}
/* == PARAGRAPHS ==================================================
.span-one-third {
display: inline; float: left;
width:30%; max-width:400px;
margin-left: 2%;
}
[/SIZE]