No replies
Johnworfin
Johnworfin's picture
Offline
Regular
Last seen: 18 years 2 weeks ago
Joined: 2004-11-18
Posts: 37
Points: 0

Hello all.

My problem is that im woking on using CSS to center my whole page using floats.

The problem is that everything so far looks good in IE/Mac but in IE/Win I have a small white spacing just below the copper band?

I'm pretty new to CSS design and REALLY new to using floats.

Any help is much appreciated!

http://meeks.com/index3.html

CSS so far:

body {
background-color: #ffffff;
font-family: Verdana, Helvetica, Arial, sans-serif;
font-size: 1em;
text-align: center;
margin: 0em0k779px;
margin-right:auto;
margin-left:auto;
margin-top:0px;
padding:0px;
text-align:left;
}

#red-banner {
background-image: url(images/redbanner.jpg);
width: 777px;
height: 24px;
background-repeat: no-repeat;
float: left; }

#navbar {
font-weight: bold;
font-size: 12px;
border: none;
display: block;
bottom: 125px;
background-color: #DC2339;
text-align: center;
height: 460px;
border-left: 3px #ffffff solid;
border-right: 3px #ffffff solid;
width: 106px;
float: left; }

#navbar a:link, #navbar a:visited {
display: block;
color: #ffffff;
padding-top: 6px;
padding-bottom: 6px;
text-decoration: none;
border: 1px #cccccc none;
}

#navbar a:hover {
background-color: #ffcc33;
color: #000000;
}

#header {
background-image: url(images/IndexF_01.jpg);
width: 308px;
height: 75px;
top: 0em;
float: left;
}

#header2 {
background-image: url(images/IndexF_02.jpg);
top: 0em;
width: 469px;
height: 75px;
background-repeat: no-repeat;
float: left; }

#band {
width: 777px;
height: 22px;
float: left;
background-image: url(images/IndexF_09c.jpg);
background-repeat: repeat-x;
clear: both; }

#flash {
width: 308px;
height: 460px;
float: left;
}

Code:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html>
<head>
<title>Meeks the Builders Choice</title>

<META NAME="description" CONTENT="Located in Missouri, Arkansas, Califorania and Nevada
Meek's building centers is the nations #1 supplier of professional and do-it yourself home builders
as well as major construction projects.">

<META NAME="keywords" CONTENT="meek, meeks, meek's, meek lumber, meek's lumber, the builders choice, roofing,
the builder's choice, meeklumber, meekslumber, lumber, lumber supply, lumber supplies, wood, doors, windows,
missouri, arkansas, california, nevada, mo, ar, ca, nv, contractor sales, meeks building center, tools, stanley,
meeks building centers, meeks buliding center's, meek's building center's, cmeek for lumber, construction">

<link rel="stylesheet" type="text/css" href="meeks-homeTEST.css" title="meeks-home" />
<script type="text/javascript">

function goThere(){

searchterm = document.items.theitem.value;
top.location="http://www.doitbest.com/shop/assoc/find.asp?id=1010B&find_spec= "+searchterm+"";
}

</script>
<style type="text/css">
<!--
.style1 {font-size: 10px}
-->
</style>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1"></head>

<body>
<div id="frame">
<div id="header">
</div>
<div id="header2">
</div>
<div id="red-banner">
</div>
<div id="band">
</div>
<div id="flash">
<object classid="clsid27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,29,0" width="307" height="460">
<param name="movie" value="images/Flash/framedHouse4.swf" />
<param name="quality" value="high" /><param name="SCALE" value="noborder" />
<embed src="images/Flash/framedHouse4.swf" width="307" height="460" quality="high" pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash" scale="noborder"></embed>
</object>
</div>
<div id="navbar">
<a href="Shopping5.htm">Shop</a> <a href="locations.htm">Locations</a> <a href="howto.htm">How To</a> <a href="news.htm">Company News</a> <a href="jobs.htm">Employment</a> <a href="mainhistory.htm">About Meek's</a> <a href="sitemap.htm">SiteMap</a>
</div>
<div id="grnBG">
</div>

</div>

</body>
</html>