HTML layout problems in Blogger

Expanded Post Feature (Read More)

Page 1 of 1

2 Replies - 1367 Views - Last Post: 13 September 2010 - 02:17 PM

#1 Guest_Tina Butler*


Reputation:

HTML layout problems in Blogger

Posted 11 September 2010 - 09:17 AM

I was having major problems with my blogger blog about a week back. My background disappeared and the bottom gadget elements were gone as well. People could not view my site in IE but had no problems in Firefox or other browsers. I went and redid stuff in blogger and I have it up and running. My expanded post feature (Read More) for my posts does not work anymore as well as the share link from add this. I have not went into the html for my layout and changed anything it just isnt working. I have copied the html for my layout to see if there is something wrong. Maybe the coding needs to be removed and reinserted I dont know. Some did this for me about a year ago so I did not do it on my own and know not to mess with it because I cant fix it. I really want my expanded post feature back again so i can have more than one post on my main page. The link to my site is:

http://www.mommyskitchen.net/

<?xml version="1.0" encoding="UTF-8" ?>
<!DOCTYPE html>
<html b:version='2' class='v2' expr:dir='data:blog.languageDirection' xmlns='http://www.w3.org/1999/xhtml' xmlns:b='http://www.google.com/2005/gml/b' xmlns:data='http://www.google.com/2005/gml/data' xmlns:expr='http://www.google.com/2005/gml/expr'>
  <head>
    <meta content='IE=EmulateIE7' http-equiv='X-UA-Compatible'/>
    <b:if cond='data:blog.isMobile'>
      <meta content='width=device-width,minimum-scale=1.0,maximum-scale=1.0' name='viewport'/>
    <b:else/>
      <meta content='width=1100' name='viewport'/>
    </b:if>
    <b:include data='blog' name='all-head-content'/>
    <title><data:blog.pageTitle/></title>

    <b:skin><![CDATA[/*
-----------------------------------------------
Blogger Template Style
Name:     Ethereal
Designer: Jason Morrow
URL:      jasonmorrow.etsy.com
----------------------------------------------- */

/* Variable definitions
   ====================
   <Variable name="keycolor" description="Main Color" type="color" default="#000000" value="#000000"/>

   <Group description="Body Text" selector=".body-fauxcolumns-outer">
     <Variable name="body.font" description="Font" type="font"
         default="normal normal 13px Arial, Tahoma, Helvetica, FreeSans, sans-serif" value="normal normal 16px Georgia, Utopia, 'Palatino Linotype', Palatino, serif;"/>
     <Variable name="body.text.color" description="Text Color" type="color" default="#666666" value="#000000"/>
   </Group>

   <Group description="Background" selector=".body-fauxcolumns-outer">
     <Variable name="body.background.color" description="Outer Background" type="color" default="#fb5e53" value="#ffffff"/>
     <Variable name="content.background.color" description="Main Background" type="color" default="#ffffff" value="#ffffff"/>
     <Variable name="body.border.color" description="Border Color" type="color" default="#fb5e53" value="#a51717"/>
   </Group>

   <Group description="Links" selector=".main-inner">
     <Variable name="link.color" description="Link Color" type="color" default="#2198a6" value="#c53131"/>
     <Variable name="link.visited.color" description="Visited Color" type="color" default="#4d469c" value="#c53131"/>
     <Variable name="link.hover.color" description="Hover Color" type="color" default="$(link.color)" value="#000000"/>
   </Group>

   <Group description="Blog Title" selector=".header">
     <Variable name="header.font" description="Font" type="font"
         default="normal normal 60px Times, 'Times New Roman', FreeSerif, serif" value="normal normal 60px Times, 'Times New Roman', FreeSerif, serif"/>
     <Variable name="header.text.color" description="Text Color" type="color" default="#ff8b8b" value="#ffffff"/>
     <Variable name="description.text.color" description="Description Color" type="color"
         default="#666666" value="#666666"/>
   </Group>

   <Group description="Tabs Text" selector=".tabs-outer .PageList">
     <Variable name="tabs.font" description="Font" type="font"
         default="normal normal 12px Arial, Tahoma, Helvetica, FreeSans, sans-serif" value="normal bold 16px Georgia, Utopia, 'Palatino Linotype', Palatino, serif;"/>
     <Variable name="tabs.selected.text.color" description="Selected Color" type="color" default="#ffffff" value="#ffffff"/>
     <Variable name="tabs.text.color" description="Text Color" type="color" default="$(body.text.color)" value="#ffffff"/>
   </Group>

   <Group description="Tabs Background" selector=".tabs-outer .PageList">
     <Variable name="tabs.selected.background.color" description="Selected Color" type="color" default="#ffa183" value="#c53131"/>
     <Variable name="tabs.background.color" description="Background Color" type="color" default="#ffdfc7" value="#c53131"/>
     <Variable name="tabs.border.bevel.color" description="Bevel Color" type="color" default="#fb5e53" value="#ffffff"/>
   </Group>

   <Group description="Post Title" selector=".post-title">
     <Variable name="post.title.font" description="Font" type="font"
         default="normal normal 24px Times, Times New Roman, serif" value="normal bold 20px Georgia, Utopia, 'Palatino Linotype', Palatino, serif;"/>
     <Variable name="post.title.text.color" description="Text Color" type="color" default="#2198a6" value="#000000"/>
   </Group>

   <Group description="Gadget Title" selector=".main-inner .widget">
     <Variable name="widget.title.font" description="Title Font" type="font"
        default="normal bold 12px Arial, Tahoma, Helvetica, FreeSans, sans-serif" value="normal bold 16px Georgia, Utopia, 'Palatino Linotype', Palatino, serif;"/>
     <Variable name="widget.title.text.color" description="Text Color" type="color" default="$(body.text.color)" value="#d02020"/>
     <Variable name="widget.title.border.bevel.color" description="Bevel Color" type="color" default="#dbdbdb" value="#000000"/>
   </Group>

   <Group description="Accents" selector=".main-inner .widget">
     <Variable name="widget.alternate.text.color" description="Alternate Color" type="color" default="#cccccc" value="#000000"/>
     <Variable name="widget.border.bevel.color" description="Bevel Color" type="color" default="#dbdbdb" value="#000000"/>
   </Group>

   <Variable name="body.background" description="Body Background" type="background"
       color="$(body.background.color)" default="$(color) none repeat-x scroll top left" value="$(color) none no-repeat scroll center center"/>
   <Variable name="body.background.gradient" description="Body Gradient Cap" type="url"
       default="none" value="none"/>
   <Variable name="body.background.imageBorder" description="Body Image Border" type="url"
       default="none" value="none"/>
   <Variable name="body.background.imageBorder.position.left" description="Body Image Border Left" type="length"
       default="0" value="300px"/>
   <Variable name="body.background.imageBorder.position.right" description="Body Image Border Right" type="length"
       default="0" value="299px"/>
   <Variable name="header.background.gradient" description="Header Background Gradient" type="url" default="none" value="none"/>
   <Variable name="content.background.gradient" description="Content Gradient" type="url" default="none" value="url(http://www.blogblog.com/1kt/ethereal/bird-2toned-blue-fade.png)"/>

   <Variable name="link.decoration" description="Link Decoration" type="string" default="none" value="none"/>
   <Variable name="link.visited.decoration" description="Link Visited Decoration" type="string" default="$(link.decoration)" value="$(link.decoration)"/>
   <Variable name="link.hover.decoration" description="Link Hover Decoration" type="string" default="underline" value="underline"/>

   <Variable name="widget.padding.top" description="Widget Padding Top" type="length" default="15px" value="15px"/>

   <Variable name="date.space" description="Date Space" type="length" default="15px" value="15px"/>

   <Variable name="post.first.padding.top" description="First Post Padding Top" type="length" default="0" value="0"/>

   <Variable name="startSide" description="Side where text starts in blog language" type="automatic" default="left" value="left"/>
   <Variable name="endSide" description="Side where text ends in blog language" type="automatic" default="right" value="right"/>
*/

/* Content
----------------------------------------------- */
body {
  font: $(body.font);
  color: $(body.text.color);
  background: $(body.background);
}

html body .content-outer {
  min-width: 0;
  max-width: 100%;
  width: 100%;
}

a:link {
  text-decoration: $(link.decoration);
  color: $(link.color);
}

a:visited {
  text-decoration: $(link.visited.decoration);
  color: $(link.visited.color);
}

a:hover {
  text-decoration: $(link.hover.decoration);
  color: $(link.hover.color);
}

.main-inner {
  padding-top: $(date.space);
}

.body-fauxcolumn-outer {
  background: transparent $(body.background.gradient) repeat-x scroll top center;
}

.content-fauxcolumns .fauxcolumn-inner {
  background: $(content.background.color) $(content.background.gradient) repeat-x scroll top left;
  border-left: 1px solid $(body.border.color);
  border-right: 1px solid $(body.border.color);
}

/* Flexible Background
----------------------------------------------- */
.content-fauxcolumn-outer .fauxborder-left {
  width: 100%;
  padding-left: $(body.background.imageBorder.position.left);
  margin-left: -$(body.background.imageBorder.position.left);
  background-color: transparent;
  background-image: $(body.background.imageBorder);
  background-repeat: no-repeat;
  background-position: left top;
}


.content-fauxcolumn-outer .fauxborder-right {
  margin-right: -$(body.background.imageBorder.position.right);
  width: $(body.background.imageBorder.position.right);
  background-color: transparent;
  background-image: $(body.background.imageBorder);
  background-repeat: no-repeat;
  background-position: right top;
}


/* Columns
----------------------------------------------- */

.content-inner {
  padding: 0;
}

/* Header
----------------------------------------------- */
.header-inner {
  padding: 27px 0 3px;
}

.header-inner .section {
  margin: 0 35px;
}

.Header h1 {
  font: $(header.font);
  color: $(header.text.color);
}

.Header h1 a {
  color: $(header.text.color);
}

.Header .description {
  font-size: 115%;
  color: $(description.text.color);
}

.header-inner .Header .titlewrapper,
.header-inner .Header .descriptionwrapper {
  padding-left: 0;
  padding-right: 0;
  margin-bottom: 0;
}

/* Tabs
----------------------------------------------- */
.tabs-outer {
  position: relative;
  background: transparent;
}

.tabs-cap-top, .tabs-cap-bottom {
  position: absolute;
  width: 100%;
}

.tabs-cap-bottom {
  bottom: 0;
}

.tabs-inner {
  padding: 0;
}

.tabs-inner .section {
  margin: 0 35px;
}

*+html body .tabs-inner .widget li {
  padding: 1px;
}

.PageList {
  border-bottom: 1px solid $(tabs.border.bevel.color);
}

.tabs-inner .widget li.selected a,
.tabs-inner .widget li a:hover {
  position: relative;
  -moz-border-radius-topleft: 5px;
  -moz-border-radius-topright: 5px;
  -webkit-border-top-left-radius: 5px;
  -webkit-border-top-right-radius: 5px;
  -goog-ms-border-top-left-radius: 5px;
  -goog-ms-border-top-right-radius: 5px;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;

  background: $(tabs.selected.background.color) none ;
  color: $(tabs.selected.text.color);
}

.tabs-inner .widget li a {
  display: inline-block;
  margin: 0;
  margin-right: 1px;
  padding: .65em 1.5em;
  font: $(tabs.font);
  color: $(tabs.text.color);
  background-color: $(tabs.background.color);

  -moz-border-radius-topleft: 5px;
  -moz-border-radius-topright: 5px;
  -webkit-border-top-left-radius: 5px;
  -webkit-border-top-right-radius: 5px;
  -goog-ms-border-top-left-radius: 5px;
  -goog-ms-border-top-right-radius: 5px;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
}

/* Headings
----------------------------------------------- */
h2 {
  font: $(widget.title.font);
  color: $(widget.title.text.color);
}

/* Widgets
----------------------------------------------- */
.main-inner .column-left-inner {
  padding: 0 0 0 20px;
}

.main-inner .column-left-inner .section {
  margin-right: 0;
}

.main-inner .column-right-inner {
  padding: 0 20px 0 0;
}

.main-inner .column-right-inner .section {
  margin-left: 0;
}

.main-inner .section {
  padding: 0;
}

.main-inner .widget {
  padding: 0 0 15px;
  margin: 20px 0;
  border-bottom: 1px solid $(widget.border.bevel.color);
}

.main-inner .widget h2 {
  margin: 0;
  padding: .6em 0 .5em;
}

.footer-inner .widget h2 {
  padding: 0 0 .4em;
}

.main-inner .widget h2 + div, .footer-inner .widget h2 + div {
  padding-top: $(widget.padding.top);
}

.main-inner .widget .widget-content {
  margin: 0;
  padding: 15px 0 0;
}

.main-inner .widget ul, .main-inner .widget #ArchiveList ul.flat {
  margin: -$(widget.padding.top) -15px -15px;
  padding: 0;

  list-style: none;
}

.main-inner .sidebar .widget h2 {
  border-bottom: 1px solid $(widget.title.border.bevel.color);
}

.main-inner .widget #ArchiveList {
  margin: -$(widget.padding.top) 0 0;
}

.main-inner .widget ul li, .main-inner .widget #ArchiveList ul.flat li {
  padding: .5em 15px;
  text-indent: 0;
}

.main-inner .widget #ArchiveList ul li {
  padding-top: .25em;
  padding-bottom: .25em;
}

.main-inner .widget ul li:first-child, .main-inner .widget #ArchiveList ul.flat li:first-child {
  border-top: none;
}

.main-inner .widget ul li:last-child, .main-inner .widget #ArchiveList ul.flat li:last-child {
  border-bottom: none;
}

.main-inner .widget .post-body ul {
  padding: 0 2.5em;
  margin: .5em 0;

  list-style: disc;
}

.main-inner .widget .post-body ul li {
  padding: 0.25em 0;
  margin-bottom: .25em;
  color: $(body.text.color);
  border: none;
}

.footer-inner .widget ul {
  padding: 0;

  list-style: none;
}

.widget .zippy {
  color: $(widget.alternate.text.color);
}

/* Posts
----------------------------------------------- */
.main.section {
  margin: 0 20px;
}

body .main-inner .Blog {
  padding: 0;
  background-color: transparent;
  border: none;
}

.main-inner .widget h2.date-header {
  border-bottom: 1px solid $(widget.title.border.bevel.color);
text-align:center;

}

.date-outer {
  position: relative;
  margin: $(date.space) 0 20px;
}

.date-outer:first-child {
  margin-top: 0;
}

.date-posts {
  clear: both;
}

.post-outer, .inline-ad {
  border-bottom: 1px solid $(widget.border.bevel.color);
  padding: 30px 0;
}

.post-outer {
  padding-bottom: 10px;
}

.post-outer:first-child {
  padding-top: $(post.first.padding.top);
  border-top: none;
}

.post-outer:last-child, .inline-ad:last-child {
  border-bottom: none;
}

.post-body img {
  padding: 8px;
}

h3.post-title, h4 {

text-align: center;
  font: $(post.title.font);
  color: $(post.title.text.color);
}

h3.post-title a {
  font: $(post.title.font);
  color: $(post.title.text.color);
  text-decoration: none;
}

h3.post-title a:hover {
  color: $(link.hover.color);
  text-decoration: underline;
}

.post-header {
  margin: 0 0 1.5em;
}

.post-body {
  line-height: 1.4;
}

.post-footer {
  margin: 1.5em 0 0;
}

#blog-pager {
  padding: 15px;
}

.blog-feeds, .post-feeds {
  margin: 1em 0;
  text-align: center;
}

.post-outer .comments {
  margin-top: 2em;
}

/* Footer
----------------------------------------------- */
.footer-inner {
  padding: 30px 0;
  overflow: hidden;
}
.PageList ul {padding-left:30px !important;}

]]></b:skin>

    <b:template-skin>
      <b:variable default='930px' name='content.width' type='length' value='940px'/>
      <b:variable default='0' name='main.column.left.width' type='length' value='210px'/>
      <b:variable default='360px' name='main.column.right.width' type='length' value='210px'/>

      <![CDATA[
      body {
        min-width: $(content.width);
      }

      .content-outer, .content-fauxcolumn-outer, .region-inner {
        min-width: $(content.width);
        max-width: $(content.width);
        _width: $(content.width);
      }

      .main-inner .columns {
        padding-left: $(main.column.left.width);
        padding-right: $(main.column.right.width);
      }

      .main-inner .fauxcolumn-center-outer {
        left: $(main.column.left.width);
        right: $(main.column.right.width);
        /* IE6 does not respect left and right together */
        _width: expression(this.parentNode.offsetWidth -
            parseInt("$(main.column.left.width)") -
            parseInt("$(main.column.right.width)") + 'px');
      }

      .main-inner .fauxcolumn-left-outer {
        width: $(main.column.left.width);
      }

      .main-inner .fauxcolumn-right-outer {
        width: $(main.column.right.width);
      }

      .main-inner .column-left-outer {
        width: $(main.column.left.width);
        right: 100%;
        margin-left: -$(main.column.left.width);
      }

      .main-inner .column-right-outer {
        width: $(main.column.right.width);
        margin-right: -$(main.column.right.width);
      }

      #layout {
        min-width: 0;
      }

      #layout .content-outer {
        min-width: 0;
        width: 800px;
      }

      #layout .region-inner {
        min-width: 0;
        width: auto;
      }
      ]]>
    </b:template-skin>
  </head>

  <body expr:class='&quot;loading&quot; + data:blog.mobileClass'>
  <div class='body-fauxcolumns'>
    <div class='fauxcolumn-outer body-fauxcolumn-outer'>
    <div class='cap-top'>
      <div class='cap-left'/>
      <div class='cap-right'/>
    </div>
    <div class='fauxborder-left'>
    <div class='fauxborder-right'/>
    <div class='fauxcolumn-inner'>
    </div>
    </div>
    <div class='cap-bottom'>
      <div class='cap-left'/>
      <div class='cap-right'/>
    </div>
    </div>
  </div>

  <div class='content'>
  <div class='content-fauxcolumns'>
    <div class='fauxcolumn-outer content-fauxcolumn-outer'>
    <div class='cap-top'>
      <div class='cap-left'/>
      <div class='cap-right'/>
    </div>
    <div class='fauxborder-left'>
    <div class='fauxborder-right'/>
    <div class='fauxcolumn-inner'>
    </div>
    </div>
    <div class='cap-bottom'>
      <div class='cap-left'/>
      <div class='cap-right'/>
    </div>
    </div>
  </div>

  <div class='content-outer'>
  <div class='content-cap-top cap-top'>
    <div class='cap-left'/>
    <div class='cap-right'/>
  </div>
  <div class='fauxborder-left content-fauxborder-left'>
  <div class='fauxborder-right content-fauxborder-right'/>
  <div class='content-inner'>

    <header>
    <div class='header-outer'>
    <div class='header-cap-top cap-top'>
      <div class='cap-left'/>
      <div class='cap-right'/>
    </div>
    <div class='fauxborder-left header-fauxborder-left'>
    <div class='fauxborder-right header-fauxborder-right'/>
    <div class='region-inner header-inner'>
      <b:section class='header' id='header' maxwidgets='1' showaddelement='no'>
<b:widget id='Header1' locked='true' title='Mommy&apos;s Kitchen (Header)' type='Header'/>
</b:section>
    </div>
    </div>
    <div class='header-cap-bottom cap-bottom'>
      <div class='cap-left'/>
      <div class='cap-right'/>
    </div>
    </div>
    </header>

    <div class='tabs-outer'>
    <div class='tabs-cap-top cap-top'>
      <div class='cap-left'/>
      <div class='cap-right'/>
    </div>
    <div class='fauxborder-left tabs-fauxborder-left'>
    <div class='fauxborder-right tabs-fauxborder-right'/>
    <div class='region-inner tabs-inner'>
      <b:section class='tabs' id='crosscol' maxwidgets='1' showaddelement='yes'>
<b:widget id='PageList1' locked='false' title='Pages' type='PageList'/>
</b:section>
      <b:section class='tabs' id='crosscol-overflow' showaddelement='no'/>
    </div>
    </div>
    <div class='tabs-cap-bottom cap-bottom'>
      <div class='cap-left'/>
      <div class='cap-right'/>
    </div>
    </div>

    <div class='main-outer'>
    <div class='main-cap-top cap-top'>
      <div class='cap-left'/>
      <div class='cap-right'/>
    </div>

    <div class='fauxborder-left main-fauxborder-left'>
    <div class='fauxborder-right main-fauxborder-right'/>
    <div class='region-inner main-inner'>

      <div class='columns fauxcolumns'>

        <div class='fauxcolumn-outer fauxcolumn-center-outer'>
        <div class='cap-top'>
          <div class='cap-left'/>
          <div class='cap-right'/>
        </div>
        <div class='fauxborder-left'>
        <div class='fauxborder-right'/>
        <div class='fauxcolumn-inner'>
        </div>
        </div>
        <div class='cap-bottom'>
          <div class='cap-left'/>
          <div class='cap-right'/>
        </div>
        </div>

        <div class='fauxcolumn-outer fauxcolumn-left-outer'>
        <div class='cap-top'>
          <div class='cap-left'/>
          <div class='cap-right'/>
        </div>
        <div class='fauxborder-left'>
        <div class='fauxborder-right'/>
        <div class='fauxcolumn-inner'>
        </div>
        </div>
        <div class='cap-bottom'>
          <div class='cap-left'/>
          <div class='cap-right'/>
        </div>
        </div>

        <div class='fauxcolumn-outer fauxcolumn-right-outer'>
        <div class='cap-top'>
          <div class='cap-left'/>
          <div class='cap-right'/>
        </div>
        <div class='fauxborder-left'>
        <div class='fauxborder-right'/>
        <div class='fauxcolumn-inner'>
        </div>
        </div>
        <div class='cap-bottom'>
          <div class='cap-left'/>
          <div class='cap-right'/>
        </div>
        </div>

        <!-- corrects IE6 width calculation -->
        <div class='columns-inner'>

        <div class='column-center-outer'>
        <div class='column-center-inner'>
          <b:section class='main' id='main' showaddelement='no'>
<b:widget id='Blog1' locked='true' title='Blog Posts' type='Blog'/>
</b:section>
        </div>
        </div>

        <div class='column-left-outer'>
        <div class='column-left-inner'>
          <aside>
          <macro:include id='main-column-left-sections' name='sections'>
            <macro:param default='0' name='num' value='1'/>
            <macro:param default='sidebar-left' name='idPrefix'/>
            <macro:param default='sidebar' name='class'/>
            <macro:param default='true' name='includeBottom'/>
          </macro:include>
          </aside>
        </div>
        </div>

        <div class='column-right-outer'>
        <div class='column-right-inner'>
          <aside>
          <macro:include id='main-column-right-sections' name='sections'>
            <macro:param default='2' name='num' value='1'/>
            <macro:param default='sidebar-right' name='idPrefix'/>
            <macro:param default='sidebar' name='class'/>
            <macro:param default='true' name='includeBottom'/>
          </macro:include>
          </aside>
        </div>
        </div>

        </div>

        <div style='clear: both'/>
      <!-- columns -->
      </div>

    <!-- main -->
    </div>
    </div>
    <div class='main-cap-bottom cap-bottom'>
      <div class='cap-left'/>
      <div class='cap-right'/>
    </div>
    </div>

    <footer>
    <div class='footer-outer'>
    <div class='footer-cap-top cap-top'>
      <div class='cap-left'/>
      <div class='cap-right'/>
    </div>
    <div class='fauxborder-left footer-fauxborder-left'>
    <div class='fauxborder-right footer-fauxborder-right'/>
    <div class='region-inner footer-inner'>
      <macro:include id='footer-sections' name='sections'>
        <macro:param default='2' name='num' value='1'/>
        <macro:param default='footer' name='idPrefix'/>
        <macro:param default='foot' name='class'/>
        <macro:param default='false' name='includeBottom'/>
      </macro:include>
      <!-- outside of the include in order to lock Attribution widget -->
      <b:section class='foot' id='footer-3' showaddelement='no'>
<b:widget id='Attribution1' locked='true' title='' type='Attribution'/>
<b:widget id='HTML10' locked='false' title='' type='HTML'/>
<b:widget id='Profile1' locked='false' title='' type='Profile'/>
<b:widget id='HTML5' locked='false' title='' type='HTML'/>
<b:widget id='HTML6' locked='false' title='' type='HTML'/>
</b:section>
    </div>
    </div>
    <div class='footer-cap-bottom cap-bottom'>
      <div class='cap-left'/>
      <div class='cap-right'/>
    </div>
    </div>
    </footer>

  <!-- content -->
  </div>
  </div>
  <div class='content-cap-bottom cap-bottom'>
    <div class='cap-left'/>
    <div class='cap-right'/>
  </div>
  </div>
  </div>

  <script type='text/javascript'>
    window.setTimeout(function() {
        document.body.className = document.body.className.replace('loading', '');
      }, 10);
  </script>
</body>

<macro:includable id='sections' var='col'>
  <macro:if cond='data:col.num == 0'>
  <macro:else/>
    <b:section mexpr:class='data:col.class' mexpr:id='data:col.idPrefix + &quot;-1&quot;' preferred='yes' showaddelement='yes'/>

    <macro:if cond='data:col.num &gt;= 2'>
      <table border='0' cellpadding='0' cellspacing='0' mexpr:class='&quot;section-columns columns-&quot; + data:col.num'>
      <tbody>
      <tr>
        <td class='first columns-cell'>
          <b:section mexpr:class='data:col.class' mexpr:id='data:col.idPrefix + &quot;-2-1&quot;'/>
        </td>

        <td class='columns-cell'>
          <b:section mexpr:class='data:col.class' mexpr:id='data:col.idPrefix + &quot;-2-2&quot;'/>
        </td>

        <macro:if cond='data:col.num &gt;= 3'>
          <td class='columns-cell'>
            <b:section mexpr:class='data:col.class' mexpr:id='data:col.idPrefix + &quot;-2-3&quot;'/>
          </td>
        </macro:if>

        <macro:if cond='data:col.num &gt;= 4'>
          <td class='columns-cell'>
            <b:section mexpr:class='data:col.class' mexpr:id='data:col.idPrefix + &quot;-2-4&quot;'/>
          </td>
        </macro:if>
      </tr>
      </tbody>
      </table>

      <macro:if cond='data:col.includeBottom'>
        <b:section mexpr:class='data:col.class' mexpr:id='data:col.idPrefix + &quot;-3&quot;' showaddelement='no'/>
      </macro:if>
    </macro:if>
  </macro:if>
</macro:includable>

<b:section-contents id='sidebar-left-1'>
<b:widget id='HTML8' locked='false' title='' type='HTML'/>
<b:widget id='HTML3' locked='false' title='' type='HTML'/>
<b:widget id='HTML22' locked='false' title='' type='HTML'/>
<b:widget id='HTML1' locked='false' title='' type='HTML'/>
<b:widget id='HTML2' locked='false' title='' type='HTML'/>
<b:widget id='Followers1' locked='false' title='' type='Followers'/>
<b:widget id='HTML7' locked='false' title='' type='HTML'/>
<b:widget id='HTML23' locked='false' title='Skillet Cookie' type='HTML'/>
<b:widget id='HTML18' locked='false' title='Legendary Lion House Rolls' type='HTML'/>
<b:widget id='Image1' locked='false' title='Pumpkin Sheet Cake' type='Image'/>
<b:widget id='HTML21' locked='false' title='Baked Pork Chops &amp;amp; Rice' type='HTML'/>
<b:widget id='HTML19' locked='false' title='Buttermilk Peach Cobbler' type='HTML'/>
</b:section-contents><b:section-contents id='sidebar-right-1'>
<b:widget id='HTML13' locked='false' title='' type='HTML'/>
<b:widget id='HTML9' locked='false' title='' type='HTML'/>
<b:widget id='HTML17' locked='false' title='' type='HTML'/>
<b:widget id='HTML29' locked='false' title='' type='HTML'/>
<b:widget id='HTML11' locked='false' title='' type='HTML'/>
<b:widget id='HTML24' locked='false' title='' type='HTML'/>
<b:widget id='HTML14' locked='false' title='Strawberry Pie' type='HTML'/>
<b:widget id='HTML15' locked='false' title='Southern Sun Tea' type='HTML'/>
<b:widget id='HTML12' locked='false' title='Salisbury Steak' type='HTML'/>
<b:widget id='HTML20' locked='false' title='Southern Lady Cream Peas' type='HTML'/>
<b:widget id='HTML16' locked='false' title='Easy Peasy Chicken Legs' type='HTML'/>
<b:widget id='HTML4' locked='false' title='' type='HTML'/>
</b:section-contents><b:section-contents id='footer-1'/></html>


Edited by macosxnerd101: Please, :code:.

Is This A Good Question/Topic? 0

Replies To: HTML layout problems in Blogger

#2 C. Bundgaard  Icon User is offline

  • D.I.C Head

Reputation: 0
  • View blog
  • Posts: 52
  • Joined: 13-September 10

Re: HTML layout problems in Blogger

Posted 13 September 2010 - 10:55 AM

Ehmmm sorry, but I don't think anybody is going to read almost 1000 lines of code...
Was This Post Helpful? 0
  • +
  • -

#3 neit  Icon User is offline

  • D.I.C Head

Reputation: 15
  • View blog
  • Posts: 187
  • Joined: 13-February 09

Re: HTML layout problems in Blogger

Posted 13 September 2010 - 02:17 PM

From what I can see the issue only appears to be for the first article when viewed in firefox, opera and chrome it looks ok in IE

The issue appears to be related to inconsistent tags in that article about smore cookies,
Where the content should be hidden you have 

<span class="fullpost">in Park City, Utah for the Evolution of Woman Social Media Conference back in June.<br /><br /></div><div align="center">Next to Laura are me


When i changed this to

in Park City, Utah for the Evolution of Woman Social Media Conference back in June.<br /><br /></div>

<div align="center">
<span class="fullpost">
Next to Laura are me and Jamie from


I not sure on the blogging software if you can see the code or not when writing articles.
Was This Post Helpful? 0
  • +
  • -
Page 1 of 1