Forum Moderators: not2easy

Message Too Old, No Replies

In need of IE fix

relative positioning gone awry

         

ninjaflavor

3:19 am on Aug 28, 2007 (gmt 0)

10+ Year Member



I've been working around this center grey box with the two large buttons in it for a day now and can't get it to stop breaking in IE. I know I'm missing something here, can anyone help me? I'm guessing the issue is around here, thanks for any help anyone can offer:

div#extra{
position:relative;
height:229px;
width:770px;
margin-top:204px;
background:#EBEBEB;
text-indent: -5000px;
}

.signup{
position:absolute;
height:102px;
width:160px;
background-image:url(images/teacher_signup_ihcway.gif);
background-repeat:no-repeat;
left:0;
top:66px;
text-indent: -5000px;
}

/* IHCWAY teachers big button */

.teachers{
position:absolute;
width:276px;
height:214px;
left:174px;
top:8px;
}

.teachers a{
display:block;
height:194px;
width:276px;
background-image:url(images/our_teachers_css.jpg);
background-repeat:no-repeat;
text-decoration:none;
}

.teachers a:hover{
background-position: 0 -214px;
}

.teachers a:active{
background-position: 0 -214px;
}

/* IHCWAY students big button */

.students{
position:absolute;
width:276px;
height:214px;
left:459px;
top:8px;
}

.students a{
display:block;
height:194px;
width:276px;
background-image:url(images/our_students_css.jpg);
background-repeat:no-repeat;
text-decoration:none;
}

.students a:hover{
background-position: 0 -214px;
}

.students a:active{
background-position: 0 -214px;
}

[edited by: encyclo at 10:14 am (utc) on Aug. 28, 2007]
[edit reason] no links to personal sites please [/edit]

fireguy

3:54 am on Aug 28, 2007 (gmt 0)

10+ Year Member



in div#rightshader, try changing left:785px to "left:0px;"

you'll have to apply that to a alternate stylesheet just for ie

if it throws it off on the left side then try changing it to "left:-15px;"

Your xhtml is pretty hard to understand. It looks like your using div as tables to hold the layout. I recommend you redo the layout.

ninjaflavor

5:04 am on Aug 28, 2007 (gmt 0)

10+ Year Member



You're right, I guess it got out of hand. I'm going back and doing it over, it's a simple design anyhow, so it shouldn't take too long. Thanks for the advice, I'll repost once I've redone the xhtml.