PDA

View Full Version : Sidebar in previews too far left


thoughtsinfonts
05-20-2010, 06:48 PM
Hi,

Would someone look at this and see why my sidebar column moves too far left when I preview it? I've searched the forum extensively and have tried a variety of options. I would really appreciate it!! (I'm a newbie, so it will probably show!) I didn't attach the info that comes before all this, so let me know if I need to.

TIA!
kelly



<body class="twoColLiqLtHdr">
<div id="container">
<div id="header">
<h1><a href="http://www.thoughtsinfonts.com/"><img (http://www.thoughtsinfonts.com/%22%3E%3Cimg) src="images/header-with-color-brackets.jpg" width="1040" height="325" border="0" usemap="#policies" />
<map name="policies" id="policies">
<area shape="rect" coords="170,33,253,59" href="index.html" alt="main page" />
<area shape="rect" coords="282,32,400,63" href="Ordering.html" alt="ordering" />
<area shape="rect" coords="434,33,546,58" href="About Us.html" alt="about us" />
<area shape="rect" coords="582,32,718,57" href="Contact Us.html" alt="contact us" />
<area shape="rect" coords="752,32,856,59" href="Policies.html" alt="policies" />
</map>
</a></h1>
<!-- end #header --></div>
<div id="sidebar1">
<h3><img src="images/main-menu-may-2010.jpg" width="265" height="1100" border="0" usemap="#Map2" />
<map name="Map2" id="Map2">
<area shape="rect" coords="67,73,207,108" href="Wooden Signs.html" alt="wooden signs" />
<area shape="rect" coords="67,193,211,257" href="Metal Signs &amp; Plates.html" alt="metal signs and plates" />
<area shape="rect" coords="83,335,194,369" href="Wall Words.html" alt="wall words" />
<area shape="rect" coords="74,459,206,528" href="Commercial Advertising.html" alt="commercial advertising" />
<area shape="rect" coords="71,604,200,638" href="Fonts.html" alt="fonts" />
<area shape="rect" coords="70,726,202,790" href="Paint &amp; Vinyl Colors.html" alt="paint and vinyl colors" />
<area shape="rect" coords="76,863,195,898" href="show dates.pdf" alt="show dates" />
</map>
</h3>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<!-- end #sidebar1 --></div>
<img src="images/main-page-text-may-2010.jpg" width="740" height="1115" border="0" usemap="#Map" />
<map name="Map" id="Map">
<area shape="rect" coords="142,924,311,957" href="http://www.thepeddlershow.com (http://www.thepeddlershow.com/)" alt="peddler show link" />
<area shape="rect" coords="341,924,539,962" href="http://www.shopmarketdays.com (http://www.shopmarketdays.com/)" alt="wimberley link" />
</map>
<div id="mainContent">
<!-- end #mainContent -->
</div>
<!-- This clearing element should immediately follow the #mainContent div in order to force the #container div to contain all child floats -->
<!-- TemplateBeginEditable name="main body information" --><!-- TemplateEndEditable --><br class="clearfloat" />

thoughtsinfonts
05-29-2010, 05:10 PM
Just wanted to close this since I figured it out! Just needed to adjust my horizontal value for the sidebar. Doing that really demonstrated to me that wysiwyg is definitely different than code because in design view, that sidebar value makes my main content div "vanish". But it's perfect in preview!!

THX!

Corrosive
05-30-2010, 06:29 AM
Doing that really demonstrated to me that wysiwyg is definitely different than code because in design view.

Which is why you should get to grips with code rather than drawing you page in Design View. For example, what are these doing there...?

<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>

It is just mess and extra code put there by you tabbing down in Design View. Adjust your design through the stylesheet and all will be well :)