No replies
grozanski
Offline
newbie
Last seen: 13 years 7 weeks ago
Joined: 2008-12-04
Posts: 1
Points: 0

#menu and #slide align properly but #rightcol aligns underneath #menu...this looks fine in FF an IE7

@charset "utf-8";
/* CSS Document */
 
#container{
background-color:#ffffff;
border:solid;
border-color:#000000;
color:#000000;
width:800px;
height:700px;
}
 
#menu{
 
margin-top:-.1cm;
background-image:url(bg.gif);
background-color:#efefc5;
padding-top:30px;
width:240px;
height:256px;
float:left;
}
 
#slide{
padding-left:0px;
float:left;
width:310px;
}
 
#rightcol{
color:#000000;
font-family:Georgia, "Times New Roman", Times, serif;
font-weight:bold;
width:240px;
height:286px;
background-image:url(bg.gif);
margin-top:-.1cm;
padding-left:10px;
float:left;
 
}
 
#line{
margin-top:-.1cm;
float:left;
width:800px;
height:130px;
 
}
 
.text{
padding-left:10px;
padding-right:10px;
float:left;
width:600px;
height:100px;
 
}
.logo{
float:left;
padding-left:50px;
 
}
.body{
background-color:#ffffff;
padding-left:15px;
color:#000000;
font-family:Georgia, "Times New Roman", Times, serif;
font-size:22px;
width:600;
}
.right{
color:#000000;
font-family:Georgia, "Times New Roman", Times, serif;
font-size:12px;
font-weight:100;
line-height: 100%;
width:240px;
 
}
.buttonmenu{
 
border-left:solid;
border-left-width:3px;
border-color:#000000;
 
list-style-type: none;
font-family:Georgia, "Times New Roman", Times, serif;
font-size:24px;
padding: 0;
width: 210px;
}
 
.buttonmenu li a{
 
color: white;
display: block;
width: 100%;
padding: 2px 0px;
text-decoration: none;
font-weight: bold;
text-decoration:none;
}
 
 
.buttonmenu li a:visited{
color: white;
}
 
.buttonmenu li a:hover, .buttonmenu li a:active{
color:black ;
}

HTML

<!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>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<link type="text/css" rel="stylesheet" href="trial.css"/>
 
<title>Untitled Document</title>
<script src="Scripts/AC_RunActiveContent.js" type="text/javascript"></script>
</head>
 
<body bgcolor="#c1eafe">
<div align="center">
<div id = "container" align="center">
<b class="rtop">
  <b class="r1"></b> <b class="r2"></b> <b class="r3"></b> <b class="r4"></b>
</b>
<img src="header copy.gif" />
<div id="main">
<div><img src="line.gif" />
</div>
<div id="menu" align="left">
 
<ul class="buttonmenu">
<li><a href="http://www.dynamicdrive.com/">&nbsp; home</a></li>
<li><a href="http://www.dynamicdrive.com/style/">&nbsp; services</a></li>
<li><a href="http://www.cssdrive.com/">&nbsp; about us</a></li>
<li><a href="http://tools.dynamicdrive.com/imageoptimizer/">&nbsp; employment</a></li>
<li><a href="http://tools.dynamicdrive.com/favicon/">&nbsp; contact us</a></li>
</ul>
</div>
<div id="slide" align="center">
  <script type="text/javascript">
AC_FL_RunContent( 'codebase','http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=9,0,28,0','width','300','height','220','src','slideshow','quality','high','pluginspage','http://www.adobe.com/shockwave/download/download.cgi?P1_Prod_Version=ShockwaveFlash','movie','slideshow' ); //end AC code
</script><noscript><object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=9,0,28,0" width="300" height="220">
    <param name="movie" value="slideshow.swf" />
    <param name="quality" value="high" />
    <embed src="slideshow.swf" quality="high" pluginspage="http://www.adobe.com/shockwave/download/download.cgi?P1_Prod_Version=ShockwaveFlash" type="application/x-shockwave-flash" width="300" height="220"></embed>
  </object></noscript>
<img src="main.gif" /> .</div>
<div id = "rightcol" align = "left">
  <br />
  <ul><li>Home Health Aides</li>
      <li>Nursing Assistants</li>
      <li>Companions</li>
      <li>Personal Care</li>
          <ul class = "right"><li>Baths</li>
          <li>Dressing</li>
          <li>Feeding...and more! </li>
 
          </ul>
       <li>Instrumental ADL's </li>
          <ul class="right"><li>Laundry</li>
             <li>Meal Prep</li>
             <li>Vacuuming...and more!</li>
          </ul>
        <li>Other Services</li>
           <ul class="right"><li>Errands</li>
              <li>Escorts</li>
              <li>Shopping...and more!</li>
           </ul>    
</ul>
 
</div>
</div>
 
 <div id="line"><img src="line.gif" />
  <div class = "text"><br />
   <p class="body" align="left">Granny's Helping Hands is dedicated to establishing dignity and     quality as the primary elements of home care service, in order to maintain our client's proper place in society.</p>
   </div>
   <div class ="logo"><br/>
   <img src="bbb.gif" />
  </div>
 </div>
 <hr color="#000000" />
 <b class="rbottom">
  <b class="r4"></b> <b class="r3"></b> <b class="r2"></b> <b class="r1"></b>
</b>
</div>
</div>
 
</body>
</html>