IE 8 does not center CSS page.

12 replies [Last post]

Wed, 2009-03-11 22:50

bgbs

Offline

Enthusiast

Last seen: 10 years 37 weeks ago

Timezone: GMT-6

Joined: 2007-08-29

Posts: 102

Points: 52

I dont know where the problem lies.
FF and Safari display the page flawlessly but IE 8 just decides to shove the whole page to the left.
So I dont know how to get around this. I tried all possible methods.

Here is the CSS and HTML code.
Thanks for your help ahead of time.

<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en"><!-- Source is <a href="http://www.worldphonestore/" rel="nofollow">http://www.worldphonestore/</a> -->
<head>
    <title>World Phone Store</title>
 
    <link rel="shortcut icon" href="/favicon.ico" />
 
 
 
<style type="text/css">
* {
  font-style: normal;
  list-style: none;
  margin: 0;
  outline: none;
  padding: 0;
  text-decoration: none;
}
img {
  border: none;
}
a:hover {
  text-decoration: underline;
}
html {
  background: #202020 url("http://midwayllc.com/vlad_template_files/bg_main.jpg") repeat-x 0 0 fixed;
  color: #001444;
  float: left;
  padding-bottom: 20px;
  width: 100%;
}
body2 {
  font: small/150% "Lucida Grande", "Lucida Sans Unicode", Arial, Helvetica, Verdana, sans-serif;
  text-align: center;
}
 
/*** Main Positioning *********************************************************/
 
#header2,
#body2,
#copyright {
  clear: both;
  float: left;
  width: 100%;
}
#wrapper2 {
	color: #001444;
	width: 800px;
	text-align: left;
	clear: both;
	margin-top: 20px;
	margin-right: auto;
	margin-bottom: 20px;
	margin-left: auto;
	float: none;
	display: inherit;
}
 
/*** Header Components ********************************************************/
 
#header2 {
  background: transparent url("http://midwayllc.com/vlad_template_files/bg_header.jpg") no-repeat 0 100%;
  height: 133px;
  position: relative;
  overflow: hidden;
}
#skip {
  position: absolute;
  visibility: hidden;
}
 
#navigation2 {
  position: absolute;
  left: 20px;
  top: 0;
}
#navigation2 * {
  color: #679ef1;
  display: inline;
}
#navigation2 li {
  background: transparent url("http://midwayllc.com/vlad_template_files/navi_separator.gif") no-repeat 100% 50%;
  padding-right: 20px;
}
#navigation2 a {
  padding: 0 0 0 10px;
}
#index2 #tindex a,
#navigation2 a:hover {
  color: #fff;
  text-decoration: none;
}
 
 
/*** Body Components **********************************************************/
 
#body2 {
	background: #fff url("http://midwayllc.com/vlad_template_files/bg_body.gif") repeat-x 0 -1px;
	clear: both;
	margin-right: auto;
	margin-left: auto;
}
.column {
	float: right;
	width: 210px;
}
 
.column.left2 {
	width: 530px;
	padding-top: 20px;
	padding-bottom: 20px;
	padding-right: 10px;
	padding-left: 10px;
}
.column.left3 {
	width: 510px;
	padding-top: 20px;
	padding-bottom: 20px;
	padding-right: 10px;
	padding-left: 10px;
}
.column.left4 {
	width: 760px;
	padding-top: 20px;
	padding-bottom: 20px;
 
}
.column.right {
	width: 225px;
	padding-left: 20px;
	padding-right: 20px;
	padding-top: 20px;
	padding-bottom: 10px;
}
.column.left2 {
	width: 510px;
	border-left-width: thin;
	border-left-style: dotted;
	border-left-color: #666666;
}
 
.column h3 {
  font-size: 130%;
  letter-spacing: -0.05em;
  margin-bottom: 1em;
}
.column h3 span {
  color: #679ef1;
}
.column p {
    margin-bottom: 1em;
}
#wrapper .column p a {
    color: #ff8c00;
}
 
 
 
 
 
/*** Highlight Components *****************************************************/
 
.highlight {
	background: #679ef1 url("http://midwayllc.com/vlad_template_files/bg_teaser.jpg") no-repeat 100% 100%;
	position: relative;
	float: left;
	width: 100%;
	background-color: #679ef1;
	background-image: url(<a href="http://midwayllc.com/vlad_template_files/bg_teaser.jpg" rel="nofollow">http://midwayllc.com/vlad_template_files/bg_teaser.jpg</a>);
}
 
 
 
 
/*** Promo Components *********************************************************/
 
#promo {
    margin-top: 0.3em;
    margin-bottom: 0.5em;
}
 
 
 
 
/*** Sidenotes Components *****************************************************/
 
#sidenotes,
#footer {
	clear: both;
	float: left;
	width: 100%;
	background-color: #333333;
}
#sidenotes *,
#footer * {
	color: #fff;
	padding-right: 20px;
	padding-left: 20px;
	position: static;
	visibility: inherit;
}
#sidenotes li,
#footer li {
  margin-bottom: 1em;
}
#sidenotes li a {
	display: block;
	border-bottom-width: thin;
	border-bottom-style: dotted;
	border-bottom-color: #666666;
	background-color: #333333;
	border-right-width: thin;
	border-left-width: thin;
	border-right-style: dotted;
	border-left-style: dotted;
	border-right-color: #666666;
	border-left-color: #666666;
}
#sidenotes a strong {
	background: transparent url("http://midwayllc.com/vlad_template_files/icon_sidenote.gif") no-repeat 0 0.4em;
	color: #00CC00;
	display: block;
	padding-left: 14px;
}
 
 
/*** Copyright Components *****************************************************/
 
#copyright {
  background: transparent url("http://midwayllc.com/vlad_template_files/bg_gras.gif") no-repeat 0 0;
  padding-top: 60px;
  position: relative;
}
#copyright * {
  color: #679ef1;
}
#copyright h4 {
  font-size: 100%;
  padding-left: 10px;
}
 
 
<!--
.style5 {
	color: #000033;
	font-weight: bold;
	font-size: medium;
}
.style16 {color: #333333}
.style18 {
	font-size: medium;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}
-->
 
 
 
ul#menu2{ 
	width: 100%;
	height: 43px;
	background: #FFF url("http://midwayllc.com/vlad_template_files/menu-bg.gif") top left repeat-x; 
	font-size: 12px; 
	font-family: "Lucida Grande", Verdana, sans-serif; 
	font-weight: bold; 
	list-style-type: none; 
	margin: 0; 
	padding: 0; 
	}
ul#menu2 li {
	display: block; 
	float: left; 
	margin: 0 0 0 5px; 
	}
ul#menu2 li a {
	height: 43px;
	color: #333333;
	text-decoration: none;
	display: block;
	float: left;
	line-height: 200%;
	padding-top: 8px;
	padding-right: 12px;
	padding-bottom: 0;
	padding-left: 12px;
	}
ul#menu2 li a:hover { 
	color: #333; 
	}
ul#menu2 li a.current{ 
	color: #FFF; 
	background: #FFF url("http://midwayllc.com/vlad_template_files/current-bg.gif") top left repeat-x; 
	padding: 5px 15px 0; 
	}
.style21 {font-family: Verdana, Arial, Helvetica, sans-serif}
.style23 {font-size: 14px}
.style24 {font-weight: bold; color: #000033;}
.style26 {font-size: 14px; font-family: Verdana, Arial, Helvetica, sans-serif; }
.style27 {font-weight: bold; color: #000033; font-family: Verdana, Arial, Helvetica, sans-serif; }
.style29 {
	color: #0066CC;
	font-weight: bold;
}
.style30 {color: #0066CC; font-weight: bold; font-family: Verdana, Arial, Helvetica, sans-serif; }
.style31 {color: #0066CC}
.style33 {font-size: 10px}
.style34 {
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
}
.style35 {font-family: Arial, Helvetica, sans-serif}
</style>
</head>
<body id="index2">
<div id="wrapper2">
        <div id="header2">
 
 
            <p id="skip"><a href="#body2" accesskey="i">Skip navigation</a></p>
            <h1>&nbsp;</h1>
      </div>
        <div id="body2">
 
 
    <div class="highlight">						
      <ul id="menu2">
<li><a href="http://stores.shop.ebay.com/World-Phone-Store__W0QQ_armrsZ1" target="_self" title="sample">OUR STORE</a></li>
<li><a href="#terms" target="_self" title="sample">&nbsp;Warranty&nbsp;</a></li>
<li><a href="#shipping" target="_self" title="tshowroom">&nbsp;Shipping&nbsp;</a></li>
<li><a href="#return" target="_self" title="sample">&nbsp;Returns&nbsp;</a></li>
<li><a href="#payment" target="_self" title="sample">&nbsp;Payments&nbsp;</a></li>
<li><a href="#feedback" target="_self" title="sample">&nbsp;Feedback&nbsp;</a></li>
<li><a href="#contact" target="_self" title="sample">&nbsp;Contact&nbsp;Us&nbsp;</a></li>
<li><a href="http://members.ebay.com/ws/eBayISAPI.dll?ViewUserPage&userid=world-phone-store" target="_self" title="sample">&nbsp;About Us&nbsp;</a></li>
</ul>
 
      <div class="column left3">
        <h2 class="current style21">Motorola V3, NEW Great condition</h2>
        <ul class="meta style21">
          <span class="current style23">          Must see, no questions asked, buy from me, or buy from no body          </span>
          <li class="date style23"></li>
        </ul>
        <p class="current style21 style23">The V3 carries a form factor of an iphone. It is the the most beautiful and razor sharp phone. Warning! motorola is not responsible if you cut yourself.<br />
          <br />
        This is a chinese refurbished NEW unit. If you get a defective unit, we undestand why, ship it back and we will send you another defective unit. After three tries if you are not satisfied with the new V3, please file dispute with paypal.</p>
      </div>
      <div class="column right">
        <div class="latestitems"><span class="style5"><img src="http://midwayllc.com/vlad_template_files/icon_link.gif" alt="" width="10" height="10" /> <span class="style16"><span class="style21">Browse Products</span><br />
          <br />
        </span></span>
          <div class="latestitems"><a href="http://stores.shop.ebay.com/World-Phone-Store_Motorola_W0QQ_fsubZ261366119QQ_sidZ270507089QQ_trksidZp4634Q2ec0Q2em322"><img src="http://midwayllc.com/vlad_template_files/moto-logo.gif" alt="" width="112" height="30" /></a><a href="http://stores.shop.ebay.com/World-Phone-Store_Samsung_W0QQ_fsubZ261366219QQ_sidZ270507089QQ_trksidZp4634Q2ec0Q2em322"><img src="http://midwayllc.com/vlad_template_files/sam-logo.gif" alt="" width="112" height="30" /></a><a href="http://stores.shop.ebay.com/World-Phone-Store_LG_W0QQ_fsubZ261366419QQ_sidZ270507089QQ_trksidZp4634Q2ec0Q2em322"><img src="http://midwayllc.com/vlad_template_files/Untitled-1.gif" alt="" width="112" height="30" /></a><a href="http://stores.shop.ebay.com/World-Phone-Store_Sony-Ericcson_W0QQ_fsubZ261366519QQ_sidZ270507089QQ_trksidZp4634Q2ec0Q2em322"><img src="http://midwayllc.com/vlad_template_files/son-logo.gif" alt="" width="112" height="30" /></a><a href="http://stores.shop.ebay.com/World-Phone-Store_Blackberry_W0QQ_fsubZ261366319QQ_sidZ270507089QQ_trksidZp4634Q2ec0Q2em322"><img src="http://midwayllc.com/vlad_template_files/bb-logo.gif" alt="" width="112" height="30" /></a><a href="http://stores.shop.ebay.com/World-Phone-Store_Nokia_W0QQ_fsubZ272731519QQ_sidZ270507089QQ_trksidZp4634Q2ec0Q2em322"><img src="http://midwayllc.com/vlad_template_files/nokia-logo.gif" width="112" height="30"></a></div>
        </div>
      </div>
      </div>
    <div class="column left2">
      <h2 class="title"><div align="center"><center><style>a.code441683link:link,a.code441683link:visited { background: none; }a.code441683link,a.code441683link:hover { background: url(<a href="http://img1.jpegbay.com/gfx/mouseover1.gif" rel="nofollow">http://img1.jpegbay.com/gfx/mouseover1.gif</a>) 0% 0% no-repeat; }</style><table width="494" cellpadding="0" cellspacing="0" style="border-collapse:collapse;border:0;background:url(<a href="http://img1.jpegbay.com/gallery/000441683/thumbnails.jpg" rel="nofollow">http://img1.jpegbay.com/gallery/000441683/thumbnails.jpg</a>) no-repeat;width:373px;height:355px">
  <tr><td style="padding:44px 0 0 15px"><a target="_blank" class="code441683link" style="display:block;width:165px;height:132px" href="http://www.jpegbay.com/gallery/000441683-.html#I1"></a></td><td style="padding:44px 0 0 15px"><a target="_blank" class="code441683link" style="display:block;width:165px;height:132px" href="http://www.jpegbay.com/gallery/000441683-.html#I2"></a></td><td style="width:13px"> </td></tr><tr><td style="padding:14px 0 0 15px"><a target="_blank" class="code441683link" style="display:block;width:165px;height:132px" href="http://www.jpegbay.com/gallery/000441683-.html#I3"></a></td><td style="padding:14px 0 0 15px"><a target="_blank" class="code441683link" style="display:block;width:165px;height:132px" href="http://www.jpegbay.com/gallery/000441683-.html#I1"></a></td><td style="width:13px"> </td></tr><tr><td style="height:33px"> </td></tr></table></center></div>
<!--  Jpegbay.com STOP -->
      </h2>
      <br />
      <table width="510" height="212" border="0" cellpadding="0" cellspacing="10" background="http://midwayllc.com/vlad_template_files/specs_back.gif">
        <tr>
          <td width="250" height="48"><div align="center" class="style34">INCLUDED IN THIS AUCTION</div></td>
          <td width="250"><div align="center" class="style35">&nbsp;<strong>&nbsp;ITEM SPECS</strong></div></td>
        </tr>
        <tr>
          <td valign="top"><div align="center">
            <p>Charger<br />
            Battery<br />
            Ear piece<br />
            Lense Cleaner<br />
            Battery Door</p>
            </div></td>
          <td valign="top"><div align="center">
            <p>Service Compatibility: CDMA<br />
            Condition: NEW<br />
            Functionality: Defective<br />
            Service Plan: Verizon<br />
            Warranty: 2 days</p>
            </div></td>
        </tr>
      </table>
      <h2 class="title"><br />
        <span class="style21">DESCRIPTION</a></span></h2>
      <ul class="meta style21">
        Must see, no questions asked, buy from me, or buy from no body
        <li class="date"></li>
      </ul>
      <p class="style21">The V3 carries a form factor of an iphone. It is the the most beautiful and razor sharp phone. Warning! motorola is not responsible if you cut yourself.</p>
      <p class="categoryheading style18"><strong>Motorola RAZR V3 Features</strong></p>
      <p class="style21">&nbsp; </p>
      <p class="style21">* Brushed silver anodized aluminum shell with a distinctive ultra-thin profile<br />
        * Innovative nickel-plated copper-alloy chemically-etched keypad with illumination panel<br />
        * Large internal and external color displays<br />
        * Integrated VGA camera with 4x zoom, quick exposure controls, and MPEG-4 video recording and playback<br />
        * Bluetooth Class 1 wireless technology for hands-free connectivity<br />
        * 22kHz polyphonic speaker with MP3 ringer support<br />
        * Speaker-independent voice recognition with full-duplex speakerphone<br />
        * Messaging via Multimedia Messaging Service (MMS), IM Wireless Village and email (POP3, IMAP4, SMTP)<br />
        * Personal Information Management (PIM) features including Calendar, Calculator and Currency Converter, Date and Clock, and Alarm Clock<br />
        * 3D graphics engine for gaming<br />
        * J2ME MIDP 2.0 support for application, ringer, wallpaper, graphic and game downloads<br />
        * WAP 2.0 compliant browser with GPRS Class 10 for high-speed data transmission</p>
    </div>
        <div align="center">
          <div class="column right">
            <p align="left" class="style26" id="promo3"><span class="style24"><img src="http://midwayllc.com/vlad_template_files/icon_link.gif" alt="" width="10" height="10" /> <span class="style16">About us:</span></span><br />
            We are the best wholesale company. We buy phones and sell them on ebay, and we give you bottom line, yes the bottom line. If you dont buy from us, you are making a mistake. Be smart, buy from us.</p>
            <div class="latestitems style23 style21">
              <p align="left"><a href="http://cgi3.ebay.com/ws/eBayISAPI.dll?ViewUserPage&amp;userid=world-phone-store" class="style21">Read More...</a></p>
            </div>
          </div>
          <span class="style23"><img src="http://midwayllc.com/vlad_template_files/promo_firetask.jpg" align="middle"/>          </span>
          <div class="column right style23">
            <ul class="latestitems">
            </ul>
            <p align="left" id="promo"><span class="style27"><img src="http://midwayllc.com/vlad_template_files/icon_link.gif" alt="" width="10" height="10" /> <span class="style16">Feedback confidence</span></span><span class="style21"><br />
            We give you feedback confidence. Our commitment to our customers, and lightning fast shipping service makes our customers happy</span><br />
            <a href="http://myworld.ebay.com/hope92582"></td>
<td bgcolor="#efefef" valign="middle" width="35%" nowrap="nowrap"><a id="feedBackScoreDiv3" href="http://feedback.ebay.com/ws/eBayISAPI.dll?ViewFeedback&amp;userid=world-phone-store">
  </a><div align="left" class="style35"><img src="http://pics.ebaystatic.com/aw/pics/s.gif" border="0" width="4"><br />
      <SCRIPT LANGUAGE="JavaScript">
for(i=0; i<document.links.length; i++){
if(document.links[i].search.indexOf("ViewFeedback")>0){
document.write('<a href="'+document.links[i].href+
'" title="seller feedback">View My Feedback</a>');
break; }}</script>
      <span class="style21"></span>      </div></td>
</p>
            <div class="latestitems">            </div>
          </div>
          <span class="style23"><img src="http://midwayllc.com/vlad_template_files/shipping.gif" alt="" width="200" height="156" /><br />
          <br />
          <!--<img src="http://midwayllc.com/vlad_template_files/square-trade.gif" alt="" />--> <img src="http://midwayllc.com/vlad_template_files/ebay_powerseller_logo.gif">         </span>
          <div class="column right style23">
 
        <p align="left" id="promo4"><span class="style21"><span class="style5"><a name="contact"><a href="#contact"><img src="http://midwayllc.com/vlad_template_files/icon_link.gif" alt="" width="10" height="10" /></a> <span class="style16">Contact Information</span></span><br />
          phone: 208-555-5555<br />
email: </p>
<script type="text/javascript">eval(unescape('%64%6f%63%75%6d%65%6e%74%2e%77%72%69%74%65%28%27%3c%61%20%68%72%65%66%3d%22%6d%61%69%6c%74%6f%3a%73%61%6c%65%73%40%77%6f%72%6c%64%70%68%6f%6e%65%73%74%6f%72%65%2e%63%6f%6d%22%3e%73%61%6c%65%73%40%77%6f%72%6c%64%70%68%6f%6e%65%73%74%6f%72%65%2e%63%6f%6d%3c%2f%61%3e%27%29%3b'))</script><p><br />
        <a href="http://contact.ebay.com/ws/eBayISAPI.dll?ReturnUserEmail&amp;requested=world-phone-store&amp;redirect=0&amp;iid=280309907134" class="style21">Contact through eBay</a></span><br />
        <SCRIPT LANGUAGE="JavaScript">
for(i=0; i<document.links.length; i++){
if(document.links[i].href.indexOf("/_W0QQsassZ")>0){
document.write('<a href="'+document.links[i].href+
'" title="other auctions">View My Other Auctions</a>');
break; }}</script>
        </p>
      </div>
          <span class="style23"><br />
          </span></div>
      </div>
 
<div class="style23" id="sidenotes"><a name="terms"><a href="#terms"><img src="http://midwayllc.com/vlad_template_files/spacer.gif" alt="" width="1" height="1" /></a>
  <div class="column left4">
    <h3 class="style21">STORE POLICIES</h3>
    <ul>
 
        <li class="style21">
            <a name="shipping"><a href="#shipping" class="style29">            <span class="style24"><img src="http://midwayllc.com/vlad_template_files/icon_link.gif" alt="" width="10" height="10" /></span>Shipping</a> 
<br />
                Talk to NASA about shipping charges. Good news though is that we SHIP FREE all over USA.<br />
                <br />
        </li>
 
 
 
        <li class="style21">
<a name="return"><a href="#return" class="style29"><span class="style24"><img src="http://midwayllc.com/vlad_template_files/icon_link.gif" alt="" width="10" height="10" /></span>Warranty</a>  <br>
If your order arrives incorrect or damaged, You must notify us within 3 days, for a replacement item. If replacement is not available, we will provide a full refund. If the goods are not defective, you have 7 days to cancel the order and return it for a refund. All sealed &amp; non-defective items are subject to 15% restocking fee. If any returned items are not defective and the packaging HAS been opened a 25% restocking fee will apply. Returned items must be unused and undamaged. We carefully inspect returned items upon receipt before issuance of refunds, credits, or exchanges. Merchandise should be carefully packed and insured for the full purchase price and shipped via a traceable method.<br />
                <br />
        </li>
 
 
<li class="style21">
<a name="return"><a href="#return" class="style29"><span class="style24"><img src="http://midwayllc.com/vlad_template_files/icon_link.gif" alt="" width="10" height="10" /></span>Returns</a>  <br>
If your order arrives incorrect or damaged, You must notify us within 3 days, for a replacement item. If replacement is not available, we will provide a full refund. If the goods are not defective, you have 7 days to cancel the order and return it for a refund. All sealed &amp; non-defective items are subject to 15% restocking fee. If any returned items are not defective and the packaging HAS been opened a 25% restocking fee will apply. Returned items must be unused and undamaged. We carefully inspect returned items upon receipt before issuance of refunds, credits, or exchanges. Merchandise should be carefully packed and insured for the full purchase price and shipped via a traceable method.<br />
                <br />
        </li>
    <li class="style21">
            <a name="payment"><a href="#payment" class="style29">            <span class="style24"><img src="http://midwayllc.com/vlad_template_files/icon_link.gif" alt="" width="10" height="10" /></span>Payments</a><br>
            We currently accept paypal, money orders, and credit cards.<br />
        We only ship to confirmed paypal addresses. Please do not contact us requesting we ship to a different address. Please make sure all payments are received within 5 days or your item will be relisted.        <br />
        <br />
      </li>
  <li>
                <span class="style21"><a name="feedback"><a href="#feedback" class="style30">                <span class="style24"><img src="http://midwayllc.com/vlad_template_files/icon_link.gif" alt="" width="10" height="10" /><span class="style31">Feedback</span></span></a>
                <br>
    We're positive in our goods and services, therefore feedback is left as soon as you pay for your item. We ask that all issues are communicated through email, not through feedback, please contact us if there are any problems what so ever. We also ask that if for any reason you feel you cannot leave positive feedback or 5 stars on all DSR rating that you contact us IMMEDIATELY for assistance, there's no problem we cannot solve. We are here to serve you and we take care of all our customers.<br />
                <br />
        </li>
    </ul>
</div>
</div>
 
    <div class="style23" id="copyright">
      <h4 align="center" class="style21">World Phone Store<br />
        <span class="style33">Template Design By <a href="http://bibikova.com/ebay.php">Bibikova.com</a></span></h4>
      </div>
</div>
</body>
</html>

Tags:

Beginners CSS Questions

Wed, 2009-03-11 22:54

Hugo

Offline

Moderator

London

Last seen: 8 years 21 weeks ago

London

Joined: 2004-06-06

Posts: 15668

Points: 2806

You have no DTD. Please read

You have no DTD. Please read up on why one is required for standards based rendering; IE especially needs to be in Standards mode to observe CSS rules correctly, at the moment it doesn't understand your method of centering using margin auto.

Before you make your first post it is vital that you READ THE POSTING GUIDELINES!
----------------------------------------------------------------
Please post ALL your code - both CSS & HTML - in [code] tags
Please validate and ensure you have included a full Doctype before posting.
Why validate? Read Me

Wed, 2009-03-11 23:05

Hugo

Offline

Moderator

London

Last seen: 8 years 21 weeks ago

London

Joined: 2004-06-06

Posts: 15668

Points: 2806

Bgbs I've just checked and

Bgbs I've just checked and you have asked about centering an Ebay layout/template before and got much the same answer, although you didn't respond to that answer. please have a care to take note of the advice you get on the forum as members will not be willing to repeat themselves too often.

Thu, 2009-03-12 04:08

johnyct9760

Offline

Enthusiast

Michigan, USA

Last seen: 9 years 20 weeks ago

Michigan, USA

Timezone: GMT-5

Joined: 2008-01-22

Posts: 68

Points: 25

Just needing some clarification

Just needing some clarification so is:

#wrapper2 {
	color: #001444;
	width: 800px;
	text-align: left;
	clear: both;
	margin-top: 20px;
	margin-right: auto;
	margin-bottom: 20px;
	margin-left: auto;
	float: none;
	display: inherit;
}

the CSS rule your having problems with right?

Thu, 2009-03-12 06:09

bgbs

Offline

Enthusiast

Last seen: 10 years 37 weeks ago

Timezone: GMT-6

Joined: 2007-08-29

Posts: 102

Points: 52

ok, so what am I supposed to

ok, so what am I supposed to do, add something like this to the top of the page?

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
	"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

Well I added, nothing happened, still same old way.

Thu, 2009-03-12 07:27

Hugo

Offline

Moderator

London

Last seen: 8 years 21 weeks ago

London

Joined: 2004-06-06

Posts: 15668

Points: 2806

Yea that is a correct DTD,

Yea that is a correct DTD, if you are still having issues then it would help if we could see the page in action, have you a link to it live?

Can you show us where the dtd now figures in your markup.

Fri, 2009-03-13 17:27

bgbs

Offline

Enthusiast

Last seen: 10 years 37 weeks ago

Timezone: GMT-6

Joined: 2007-08-29

Posts: 102

Points: 52

Yes http://cgi.ebay.com/ws/eB

Yes
http://cgi.ebay.com/ws/eBayISAPI.dll?ViewItem&item=280322317346

I placed dtd at the very top of the code where it supposed to be.

As you can see Internet explorer still shoves it to the left, FF on the other hand has this weird phenomenon where it decides to put ebay picture on the right side of the template when it is supposed to be at very bottom. I tried finding cure for these things by using Firbug, but I cant see anything to get it fixed.

Please let me know what this could be

Fri, 2009-03-13 18:36

Hugo

Offline

Moderator

London

Last seen: 8 years 21 weeks ago

London

Joined: 2004-06-06

Posts: 15668

Points: 2806

I don't want this to sound

I don't want this to sound overly rude but the code for that page is absolute gibberish - not necessarily your fault but it simply is beyond belief and I doubt that anyone here will be able to help you with it it's so full of errors it hurts, sorry. There is no initial DTD your page appears to be pulled into another via an Iframe but of the code I can identify as your page I see no DTD :shrug:

Sat, 2009-03-14 03:47

gary.turner

Offline

Moderator

Dallas

Last seen: 2 years 13 weeks ago

Dallas

Timezone: GMT-6

Joined: 2004-06-25

Posts: 9776

Points: 3858

Not tested. Try#wrapper2 {

Not tested.

Try

#wrapper2 {   /*eBayISAP...322317346 (line 89) */
  color:#001444;
  margin: 20px auto;
  width: 800px;
  }

cheers,

gary

If your web page is as clever as you can make it, it's probably too clever for you to debug or maintain.

Sat, 2009-03-14 07:44

Hugo

Offline

Moderator

London

Last seen: 8 years 21 weeks ago

London

Joined: 2004-06-06

Posts: 15668

Points: 2806

Oh Gary you're just making

Oh Gary you're just making me look mean and nasty

If you check the OP's code posted in the opening post you will see that the code you provided is already in place on wrapper2 or are you suggesting that the shorthand declaration form is going to prove more effective in this instance.

Sat, 2009-03-14 08:03

#10

gary.turner

Offline

Moderator

Dallas

Last seen: 2 years 13 weeks ago

Dallas

Timezone: GMT-6

Joined: 2004-06-25

Posts: 9776

Points: 3858

Sorry, Hugo. When I took a butcher's

Sorry, Hugo. When I took a butcher's at it, and again just now, Firebug showed this:

#wrapper2 {eBayISAP...322317346 (line 89)
clear:both;
color:#001444;
display:block;
float:none;
margin-bottom:20px;
margin-left:50%;
margin-top:20px;
text-align:left;
width:800px;
}

That's so obviously wrong, I posted as I did without otherwise testing (except for viewing in FF as I diddled the styles). :shrug:

cheers,

gary

If your web page is as clever as you can make it, it's probably too clever for you to debug or maintain.

Sat, 2009-03-14 08:47

#11

Hugo

Offline

Moderator

London

Last seen: 8 years 21 weeks ago

London

Joined: 2004-06-06

Posts: 15668

Points: 2806

Ok fair enough, I had

Ok fair enough, I had stupidly presumed as the posted code was shown to include margins on #wrapper2 that indeed they existed and as a lack of DTD had been an issue before and at a glance was again, that directed my thinking the way it went, and on looking at the primary page markup I realised that I was looking at massive amounts of errors and wasn't prepared to test further.

It was I that should have looked closer but this now proves to be a bit of a puzzle! which I haven't time for so I'm out of this thread.

OP try the code Gary has shown you as long as you do have that DTD in place

Sun, 2009-03-15 07:11

#12

bgbs

Offline

Enthusiast

Last seen: 10 years 37 weeks ago

Timezone: GMT-6

Joined: 2007-08-29

Posts: 102

Points: 52

Its true my template was

Its true my template was messed up, I had to redo it. I decided to control my template with tables. I got rid of a lot of shady code by simply replacing them with tables.

The template looks almost flawless right now, accept for one thing. IE8 is not displaying carrier logos properly, or like FF at the top where it says "browse Categories" .

So if anyone knows a simple fix, that is appreciatable.

You can view my modified template at http://cgi.ebay.com/ws/eBayISAPI.dll?ViewItem&item=280322317346

Let me know what you think?

Thanks for all your help guys.

IE 8 does not center CSS page.

You have no DTD. Please read

Bgbs I've just checked and

Just needing some clarification

ok, so what am I supposed to

Yea that is a correct DTD,

Yes http://cgi.ebay.com/ws/eB

I don't want this to sound

Not tested. Try#wrapper2 {

Oh Gary you're just making

Sorry, Hugo. When I took a butcher's

Ok fair enough, I had

Its true my template was

User login

Navigation