Thu, 2011-12-01 10:08
yesterday my css worked fine now today it is shifted to the right, in ie this only happens while online the exact file off line is fine. what happened to ie in the last 24 hours to cause this? there isn't anything wrong with my css but i can't see how it has floated an absolute position over 80 px but only in ie and only online, what in the world is differant online or from a file off line? this is so weird...
html:
Upper_layout
Upper Layout Web Page Options
Select the upper section layout of the page body:
Picture
Text
Text
Picture
Picture
Text
Video
Text
Text
Video
Picture
Video
Text
css:
@charset utf-8;
td.text_1
{
color:#000;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
text-align:left;
}
td.text_hl
{
color:#00F;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:24px;
line-height:60px;
text-align:center;
}
div.main_container
{
background-color:#E4E6E8;
height:auto;
text-align:center;
width:650px;
}
div.block
{
background-color:#666;
display:block;
float:left;
height:36px;
line-height:36px;
margin:0;
position:absolute;
width:170px;
}
span.steps
{
color:#FFF;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:18px;
font-weight:700;
}
td.text_2
{
color:#000;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:14px;
font-weight:700;
padding:10px;
text-align:center;
}
td.text_3
{
color:#000;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
}
span.text_3
{
color:#000;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:14px;
font-weight:700;
line-height:14px;
padding:10px;
text-align:center;
}
div.section_outline
{
background-color:#FFC;
border:dashed red 2px;
height:65px;
padding:10px;
width:163px;
}
div.section_inbox
{
background-color:#FFF;
border:dashed red 2px;
color:#000;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:10px;
height:60px;
line-height:60px;
position:absolute;
text-align:center;
width:71px;
float: left;
}
div.section_inline_1
{
background-color:#FFF;
border:dashed red 2px;
color:#000;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:10px;
height:40px;
line-height:40px;
text-align:center;
width:159px;
}
div.section_inline_2
{
background-color:#FFF;
border:dashed red 2px;
color:#000;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:10px;
height:13px;
line-height:13px;
text-align:center;
width:159px;
}
div.section_line
{
border-left:dashed red 2px;
height:40px;
width:75px;
}
div.box
{
color:#000;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:10px;
height:40px;
line-height:40px;
position:absolute;
text-align:center;
width:76px;
}
input.radio_pos
{
margin-top:13px;
}
div.upload_message_1
{
color:#000;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
height:12px;
left:305px;
line-height:12px;
position:absolute;
text-align:center;
top:229px;
width:200px;
}
div.upload_message_2
{
color:#000;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
height:12px;
left:305px;
line-height:12px;
position:absolute;
text-align:center;
top:318px;
width:200px;
}
div.text_4
{
color:#000;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
line-height:16px;
}
div.success_box
{
font-size:12px;
height:12px;
position:relative;
text-align:center;
top:0;
width:370px;
}
td.padding
{
padding:5px;
}
table.border
{
border:#000 solid 2px;
}
input.youtube
{
width:520px;
}
Thu, 2011-12-01 10:13
#1
html for this post
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" /> <meta http-equiv="Cache-Control" content="no-cache" /> <meta http-equiv="Pragma" content="no-cache" /> <meta http-equiv="Expires" content="0" /> <title>Upper_layout</title> <link href="style/options.css" rel="stylesheet" type="text/css" /> </head><html> <body><center> <form action="" method="post" name="form"> <div align='center'> <div class='main_container'> <table width='600' border='0' align='center' cellpadding='0' cellspacing='0'> <tr> <td class='text_hl'>Upper Layout Web Page Options</td> </tr> <tr> <td><table width='100%' border='1' cellpadding='0' cellspacing='0' bordercolor='#000' bgcolor='#99CCFF'> <tr> <td><table width='100%' border='0' cellspacing='0' cellpadding='0'> <tr> <td class='text_2'>Select the upper section layout of the page body:</td> </tr> <tr> <td><table width='100%' border='0' cellpadding='0' cellspacing='10'> <tr> <td width='33%' align='center' valign='top'><div class='section_outline'> <div class='section_inbox' style='margin-left:0px;'>Picture</div> <div class='section_inbox' style='margin-left:88px;'>Text</div> </div><input name='layout' type='radio' class='radio_pos' value='0' /></td> <td width='33%' align='center' valign='top'><div class='section_outline'> <div class='section_inbox' style='margin-left:0px;'>Text</div> <div class='section_inbox' style='margin-left:88px;'>Picture</div> </div><input name='layout' type='radio' class='radio_pos' value='1' /></td> <td width='33%' align='center' valign='top'><div class='section_outline'> <div class='section_inline_1'>Picture</div> <div class='section_inline_2' style='margin-top:4px;'>Text</div> </div><input name='layout' type='radio' class='radio_pos' value='2' /></td> </tr> <tr> <td width='33%' align='center' valign='top'><div class='section_outline'> <div class='section_inbox' style='margin-left:0px;'>Video</div> <div class='section_inbox' style='margin-left:88px;'>Text</div> </div><input name='layout' type='radio' class='radio_pos' value='3' /></td> <td align='center' valign='top'><div class='section_outline'> <div class='section_inbox' style='margin-left:0px;'>Text</div> <div class='section_inbox' style='margin-left:88px;'>Video</div> </div><input name='layout' type='radio' class='radio_pos' value='4' /></td> <td align='center' valign='top'><div class='section_outline'> <div class='section_inline_1'><div class='box'>Picture</div> <div class='section_line' style='margin-left:81px;'>Video</div> </div> <div class='section_inline_2' style='margin-top:4px;'>Text</div> </div><input name='layout' type='radio' class='radio_pos' value='5' checked ></td> </tr> </table></td> </tr> </table></td> </tr> </table></td> </tr> <tr> <td height='102'> <table width='100%' border='0' cellspacing='0' cellpadding='10'> <tr> <td height='103'> <div align='center'> <input type='submit' value='Save Settings' name='submit'><br /> <b> </b> </div> </td> </tr> </table> </td> </tr> </table> </div> </div> </form> </center> </body> </html>
Thu, 2011-12-01 11:25
#2
Since this only happens for
Since this only happens for you online, don't you think we might need to see it on line? Do you have a link for us?
cheers,
gary