I am working on a website for my mother's work and I am not very experienced
with the dreamweaver program. The site is at petsetcnaper.com. The problem I am
having is that the site works great in my browser, firefox, but when viewed on
IE it has some issues. The very top of the logo (in purple) is cut off in IE.
Also in the "What We Sell" page, the tables become malformed. Any is
appreciated!!

Hello,

In your CSS file (stylesheet.css), there are two body styles, and a mistake
in one.
The Pets.etc is cut in half because it's a larger font than the line height
assigned to it.

To combine the 2 body styles in the stylesheet, fix the missing # on a
color, and get rid of the line height rule that was cutting your large
"Pet's, etc" in half, change this:

body {
margin:0px auto;
padding:0px;
background-color:#FFFFFF;
}

To this:

body {
margin:0px;
padding:0px;
background-color:#FFFFFF;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
color: #333333;
}

Then just delete this:

body {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
font-style: normal;
line-height: 14px;
font-weight: normal;
font-variant: normal;
text-transform: none;
color: #333333;
text-decoration: none;
background: e0ffff;
}

If you wanted the page's background color blue, then just change the #FFFFFF
in the new body style to #E0FFFF


Next, change this:

..menu_table td {
border-bottom:1px solid #B97429;
height:27.5px;
padding-left:12px;
}

To this:

..menu_table td {
border-bottom:1px solid #B97429;
height:27px;
padding-left:12px;
}

This got rid of the 1/2 pixel value in the height.

Next, change this:

..left_link {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
font-style: normal;
line-height: 27.5px;
font-weight: bold;
font-variant: normal;
text-transform: none;
color: #B97429;
background-color:inherit;
text-decoration: none;
}
..left_link:hover {
color:#E3BA5E;
text-decoration:none;
background-color:inherit;
}

To this:

..left_link {
font-size: 12px;
line-height: 27px;
font-weight: bold;
color: #B97429;
text-decoration: none;
}
..left_link:hover {
color:#E3BA5E;
}

That removes the 1/2 pixel value, and some redundant rules.



Lastly, to fix the table issue:

Open the sell.html page in Code view, and change this:

<td width="281" height="146" valign="top"><span class="left_link"><p>DOG</p>

To this:

<td width="50%" height="146" valign="top"><p class="left_link">DOG</p>

Then change this:

<td width="277" valign="top"><p class="left_link">CAT </p>

to this:

<td width="50%" valign="top"><p class="left_link">CAT </p>


I hope that s.

Take care,
Tim




"foolcoolguy" <webforumsuser@macromedia.com> wrote in message
news:ftjts8$gd2$1@forums.macromedia.com...
>I am working on a website for my mother's work and I am not very
>experienced
> with the dreamweaver program. The site is at petsetcnaper.com. The problem
> I am
> having is that the site works great in my browser, firefox, but when
> viewed on
> IE it has some issues. The very top of the logo (in purple) is cut off in
> IE.
> Also in the "What We Sell" page, the tables become malformed. Any is
> appreciated!!
>

I appreciate the greatly!

You're welcome :-)

"foolcoolguy" <webforumsuser@macromedia.com> wrote in message
news:ftmeao$daf$1@forums.macromedia.com...
>I appreciate the greatly!