2 replies [Last post]
happycss
Offline
newbie
ok
Last seen: 2 years 34 weeks ago
ok
Timezone: GMT-6
Joined: 2011-12-01
Posts: 2
Points: 3

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;
}

happycss
Offline
newbie
ok
Last seen: 2 years 34 weeks ago
ok
Timezone: GMT-6
Joined: 2011-12-01
Posts: 2
Points: 3

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>&nbsp;</b>
</div>
    </td>
  </tr>
</table>
 </td>
  </tr>
</table>
</div>
</div>
</form>                    
 
</center>
</body>
</html>

gary.turner
gary.turner's picture
Offline
Moderator
Dallas
Last seen: 16 hours 57 min ago
Dallas
Timezone: GMT-5
Joined: 2004-06-25
Posts: 9149
Points: 3133

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

Unplanned code results in a tangled wad of brain-cramping confusion.

There are enough html & css demos and tutorials to be interesting. Please visit.