[Fernando Mol]

This is a line break with the clearfloat class:

<br class="clearfloat" />

This is the clearloat CSS:

.clearfloat {
clear: both;
}

This will be the last 10 lines of code for the contact section:

<p><a href="employmentapp.pdf">Download Employment Application</a></p>
</div>
<br class="clearfloat" />
</div>
</div>
<div id="footer">Copyright &copy; 2009 St. Mary's Home Health Services, Inc. </div>
</div>
</body>
</html>

I hope this helps

*Remember to share a link to your site and to rate the posts. This is a free service for you and for us.

[Fernando Mol]

Try adding an element at the end of your content (can be a line break) and give it the class of “clearfloat”.

Then add the CSS clearfloat rule with, guess what, a clear: both; property.

The class must be apply to an element inside the div that has the background and your content inside. This is, both your left sidebar and the right content.

The usual way to solve this kind of layout is creating a wrapper div with your general background and the width of your entire content. Then, place all the divs inside of it, and using the clearfloat rule when needed. More or less what you have done, but not exactly.

I hope this helps.

*Remember to share a link to your site and to rate the posts. This is a free service for you and for us.

[Fernando Mol]

see what happens if you move the footer inside the mid_wrapper div

*Remember to share a link to your site and to rate the posts. This is a free service for you and for us.

[Fernando Mol]

Remove the height from your sidebar CSS rule.

*Remember to share a link to your site and to rate the posts. This is a free service for you and for us.

[Fernando Mol]

Go to the services section, here in the COW, and look for the services offered sub section.

Maybe you can find someone there. This forum is more for direct technical questions.

*Remember to share a link to your site and to rate the posts. This is a free service for you and for us.

[Fernando Mol]

I played a little with your CSS and made some fixes. Your left sidebar still has a problem when the content is shorter. I believe that can be fixed in your HTML, if you place your “footer” div just inside your “mid-bg” div.

Can you find out what I changed here?

body {
background:#d7c565 url(images/bg.gif) repeat-x;
margin:71px 0 0 0;
}

/***********************************************/

#header {
background: url(images/stmary_logo.jpg) no-repeat;
width: 850px;
height: 168px;
margin: 0px auto;
}
#header h2{
font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
font-size: 18px;
color:#FFF;
margin: 0;
padding-right:10px;
text-align:right;
letter-spacing:2px;
}
#header h4{
font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
font-size: 20px;
color:#FFF;
margin: 0;
padding-right:10px;
text-align:right;
}
#mid_bg{
background:url(images/mid_BG.gif) repeat-x;

}
#mid_wrapper {
background: url(images/midbg2.gif) repeat-y;
width: 850px;
margin: 0px auto;
}

#container_foot {
background:#813c2f url(images/footer_BG.gif) repeat-x;
height:24px;
padding: 20px;
clear:both;
}

#navigation {
background:#000000;
color:#FFFFFF;
}
#sidebar {
background: #602f27;
margin: 0;
padding: 10px;
height: 410px;
width: 180px;
float:left;
}
#sidebar blockquote{
font-family:Georgia, "Times New Roman", Times, serif;
font-size:16px;
color:#d7c565;
margin: 0px;
}

#content {
margin: 0 0 0 200px ;
padding: 15px;
}
#content h3 {
font-family: Arial, Helvetica, sans-serif;
font-weight: bold;
font-size: 130%;
}

#footer {
background:#663300 url(images/footer_BG.gif);
width: 810px;
margin: 0px auto;
padding:20px;
color:#FFF;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:10px;
font-weight:bold;
text-align:right;
clear: both;
}
.logoblock a {
float:left;
display: block;
width: 230px;
height: 150px;
}
.home_box{
background-color: #faf3e7;
width:350px;
height:170px;
padding:10px;
float:left;
}
/****************************************************/

/* NAVIGATION -------------------------------------*/
#demo-container{padding-right:20px; margin:0 0 0 0;float:right;}
ul#simple-menu{list-style-type:none;width:100%;position:relative;height:27px;font-family:"Trebuchet MS",Arial,sans-serif;font-size:13px;font-weight:bold;margin:0;padding:5px 0 0 0;}
ul#simple-menu li{display:block;float:left;margin:0 0 0 4px;height:27px; border-top:1px #000 solid;border-left:1px #000 solid;border-right:1px #000 solid;}
ul#simple-menu li.left{margin:0;}
ul#simple-menu li a{display:block;float:left;color:#000;background:#e3d3bc;line-height:27px;text-decoration:none;padding:0 25px 0 18px;height:27px;}
ul#simple-menu li a.right{padding-right:19px;}
ul#simple-menu li a:hover{background:#b78c52;color:#fff;}
ul#simple-menu li a.current{color:#2E4560;background:#fff;}
ul#simple-menu li a.current:hover{color:#2E4560;background:#fff;}
/* END NAVIGATION -------------------------------------*/

*Remember to share a link to your site and to rate the posts. This is a free service for you and for us.

[Fernando Mol]

I don’t know them directly but let’s wait to see if someone else do.

One of the big differences in hosting is the service. You can call them and ask a few technical questions to see if you feel comfortable. Look for the answering time, the disposition of the person to answer your questions or to redirect you to someone who can. Salespeople can be very persuasive, so write the things you want to know before you call.

If you are planning to use a programming language (ASP, PHP, Coldfusion) see if they support it.

I hope this helps

*Remember to share a link to your site and to rate the posts. This is a free service for you and for us.

[Fernando Mol]

True, also I have just read newer Macs doesn’t have the gamma variation.

*Remember to share a link to your site and to rate the posts. This is a free service for you and for us.

[Fernando Mol]

Jim, can you post a link to your site?

What is true is that Mac monitors have a different gamma display than Windows monitors (Mac is brighter), but that wouldn’t be a “Safari only” problem.

*Remember to share a link to your site and to rate the posts. This is a free service for you and for us.

[Fernando Mol]

Thanks for the link, Mike

*Remember to share a link to your site and to rate the posts. This is a free service for you and for us.