Modified Style Sheet
Quote:
<style type="text/css">
<!--
.wrapper {
height: 480px;
width: 640px;
margin:0px auto;
text-align:center;
padding-top:0px;
border:1px #fff;
}
.photo_image {
height: 440px;
margin: 0 0 0 0px;
background-color:#BFCCE3;
remove--->
font-family: Verdana;
font-size: 11px;
}
.photo_nav {
height: 40px;
margin:0 0 0 0px;
text-align:left;
padding:0px 0px 0px 5px;
border-top:2px solid #ccc;
background-color:#666;
font-family: Verdana;
font-size: 11px;
}
.photo_subnav {
width: 55px;
height: 40px;
background-color:#660000;
padding:0px 0px 0px 0px;
float:left;
color: #FFFFFF;
}
.spacer {
background-color:#666;
width: 10px;
height: 40px;
float:left;
}
-->
</style>
|
Your redone wrapper div
Quote:
<div class="wrapper">
<div class="photo_image">
<img src='brewerysplash.jpg'></div>
<div class="photo_nav">
<div class="photo_subnav">< 1/12 ></div>
Crasnton, RI - Built in 1853 as the Providence Trolley house. Used as the
repair shop and storage shed for trolleys until 1923 when the city shuttered
their traction car system. It was then converted to the Cranston Brewery under
which it operated until the company went under in the late 70's.</div>
<div class="photo_nav">
<div class="photo_subnav">< 1/12 ></div>
Crasnton, RI - Built in 1853 as the Providence Trolley house. Used as the
repair shop and storage shed for trolleys until 1923 when the city shuttered
their traction car system. It was then converted to the Cranston Brewery under
which it operated until the company went under in the late 70's.</div>
<div class="photo_nav">
<div class="photo_subnav">< 1/12 ></div><div class="spacer"></div>
Crasnton, RI - Built in 1853 as the Providence Trolley house. Used as the
repair shop and storage shed for trolleys until 1923 when the city shuttered
their traction car system. It was then converted to the Cranston Brewery under
which it operated until the company went under in the late 70's.</div>
</div>
|
I used a spacer div to provide you with the margin you requested. Its two divs, stacked floating left. Renders in Firefox and IE6. Alter the width of .spacer for more or less margin. Let me know if this works, or not, and if you find another way, please share it. Thanks.