2 replies [Last post]
Offline
newbie
Last seen: 12 years 41 weeks ago
Joined: 2007-03-01
Posts: 2
Points: 0

I have a huge problem. Everytime the mouse curse is run across my rollover buttons on the top on the page I'm build it crops the whole page down! but this only happens in IE. Within FireFox the page functions perfectly fine. It literally chops my page in half! Below is the link to the page I'm working on http://www.kcturnkey.com

This issue is occuring on all the pages using this CSS.

Below is the CSS sheet and HTML page. I'm using Dreamweaver but I don't think that should matter.

Thanks in advance!!!!!

*** Style.CSS ***

/* This Style sheet was made by aran @ studio7designs.com if you have any questions please email me or visit http://www.studio7designs.com */

body
{
font-family: trebuchet ms, verdana, arial, tahoma;
font-size: 80%; color: #999999;
background-color: #ffffff;
line-height: 200%;
margin-top: 0px;
background: #ffffff url('images/turnkeybg.gif') top center repeat-x;
}

#border
{
border: 0px ;
width: 800px;
background-color: #FFFFFF;
background:url('images/turnkeybg2.gif') no-repeat;
margin: 0 auto;
}

#header
{
height: 188px;
border-bottom: 1px solid #203462;
background-image:url('images/turnkey.jpg');
}

#content
{
padding: 0.5em 1em;
max-width: 740px;
background-color: #FFFFFF;
}

#container
{
width: 770px;
margin: 0px auto;
background-color: #ffffff;
border: 0px solid #203462;
}

.splitright {
background: #ffffff url('images/menu.gif') top center no-repeat;
width: 30%;
float: right;
overflow: hidden;
text-align: center;
}

.splitleft {
background: #ffffff;
margin:auto;
width: 68%;
float: left;
overflow: hidden;
text-align: justify;
}

#introduction{
float:right;
width:180px;
padding:0px 0px;
margin:20px 0 20px 20px;
background: url(images/menu.gif) no-repeat;
text-align:center;
line-height:1.5em;
color:#999999;
font-size:1.0em;
font-family:"Lucida Grande","Lucida Sans Unicode",arial,sans-serif;
letter-spacing:0px;
}

#introduction ul, #introduction li {
text-align:center;
list-style: none;
margin: 0;
padding: 0;
}

#introduction a {
border-bottom: none;
color:#999999;
}

#introduction h3{
text-align: center;
position:static;
}

#introduction a:link, a:visited{
color:#999999;
}

#introduction a:hover, a:active{
color:#b8ce83;
}

/* ~~~~~~~~~ footer ~~~~~~~~~ */
#footer
{
text-align: center;
height: 30px;
background-color: #F5FAF5;
border-top-width: 1px;
border-top-style: solid;
border-top-color: #CCCCCC;
margin-top: 50px;
margin-right: 15px;
margin-bottom: 0;
margin-left: 15px;
padding-top: 0;
padding-right: 20px;
padding-bottom: 0;
padding-left: 20px;
clear: both;

}

#footer a:link, a:visited{
color:#b8ce83;
}

#footer a:hover, a:active{
color:#cccccc;
}

a:active,
a:visited,
a:link { color: #b8ce83; text-decoration: none; }
a:hover { color: #999999; text-decoration: none; }

/* ~~~~~~~~~ PROPS FOR THE MENU GO OUT TO EXPLODING-BOY.COM ~~~~~~~~~ */

#topmenu {
position: relative;
top: 13px;
left: 15px;
width: 770px;
font-size:93%;
margin: 0;
line-height:normal;
height: 41px;
}
#topmenu ul {
margin:0;
padding:0px 0px 0 2px;
list-style:none;
}
#topmenu li {
display:inline;
margin:0;
padding:0;
}
#topmenu a {
float:left;
background:url(images/menuleft.gif) no-repeat left top;
margin:0;
padding:0 0 0 4px;
text-decoration:none;
}
#topmenu a span {
float:left;
display:block;
background:url(images/menuright.gif) no-repeat right top;
padding:5px 15px 4px 6px;
color:#203462;
}

/* Commented Backslash Hack hides rule from IE5-Mac \*/
#topmenu a span {float:none;}
/* End IE5-Mac hack */
#topmenu a:hover span {
color:#203462;
}
#topmenu a:hover {
background-position:0% -42px;
}
#topmenu a:hover span {
background-position:100% -42px;
}
/* ~~~~~~~~~ Headings ~~~~~~~~~ */
h1
{
font-size: 120%;
color: #659500;
}

h3{
color:#9aba11;
font-family:geneva,arial,sans-serif;
font-weight:normal;
text-transform:uppercase;
word-spacing:4px;
letter-spacing:3px;
font-size:0.8em;
font-weight:bold;
padding:0 2px;
margin:0;
}

/*~~~~~~~~~~~styles~~~~~~~~~~~~~~~*/

.style4 {font-size: 16px}
.style5 {
font-size: 12px;
color: #CCCCCC;

***** index.html *****

TurnKey Data Communications Inc.

  • Home
  • Voice Systems
  • Video Solutions
  • Data Solutions
  • Web Design
  • Contact Us

Welcome to TurnKey Data Communications
We are a nation wide provider of Voice, Video, and Data solutions to increase productivity, innovate, and protect your assets.

We only staff the highest caliber certified engineers to meet your technical needs. Our engineers hold the following industry recognized certifications from Cisco, Microsoft, Nortel, and Comptia:

CCIE, CCNP, CCDP, CCVP, CCNA, CCDA, CIPTOS, CIPTDS, CIPTSS, MCSE 4.0, MCSE 2003 + Messageing, A+, Network+, Linux+, NNCSE

We are dedicated to providing you a glimpse of tomorrow with today's technologies. Let us help you unlock your network's potential!

Contact us at 913-904-0314 from 8:00 AM to 8:00 PM (CST) Monday - Saturday

Emergency call-outs can be made outside of these hours for contract customers




navigation



  • Home

  • Voice Systems

  • Video Solutions

  • Data Solutions

  • Web Design

  • Contact Us








Tyssen
Tyssen's picture
Offline
Moderator
Brisbane
Last seen: 5 years 9 weeks ago
Brisbane
Timezone: GMT+10
Joined: 2004-05-01
Posts: 8201
Points: 1386

I'm not seeing any cropping

I'm not seeing any cropping happen in IE6 or IE7.

How to get help
Post a link. If you can't post a link, jsFiddle it.
My blog | My older articles | CSS Reference

Offline
newbie
Last seen: 12 years 41 weeks ago
Joined: 2007-03-01
Posts: 2
Points: 0

I resolved it! Thanks

I resolved it! Laughing out loud Thanks