Nirvana skin by Kali...sudden break/change in index layout

It looks fine for me using Firefox. Exactly like the picture. Did you update your browser, or use a different computer? Maybe it's a rendering problem.

Hmmm, OK, it does look fine in Firefox, but I always use IE and it looked like the screencap a day or two ago. Same computer, no updates to IE, so I don't know what's causing the problem.

This is what my site currently looks like:

ETA: I got a few friends to check my site and it will appear fine in Firefox but is all messed up in IE, so it's not just me.

Check your <div> tags, maybe one of them isn't closed properly. That's what usuallly gets me.

Check your <div> tags, maybe one of them isn't closed properly. That's what usuallly gets me.

I went through and checked the index.tpl page and didn't see anything that caught my eye as wrong. I don't see why it would have changed within 48 hours when I am the only admin for the site, so it's not like someone else could have signed in and messed with the formatting.

Would it help to copy the index page here for you to see?

The way it looks now in IE and Opera is normally what happens with the leftindex isn't closed before the rightindex starts. But that would break it in Firefox and Safari as well. 😕

Yes, a c & P of the index.tpl would be nice, and if you could c & p any non-cosmetic changes you've made to the css (a.k.a. I don't need to see the new colors - which are quite lovely, btw) that would be good too.

OK, here is my index.tpl:

<!-- INCLUDE BLOCK : header -->
<div style="padding: 2em 0; margin-bottom: -2em;" class="clearfix">

<div id="leftindex">
    <div class="block">
      <div class="title">{countdown_title}</div>
      <div class="content"><center>{countdown_content}</center></div>
    </div>
      <div class="block">
      <div class="title">{info_title}</div>
        <div class="content">
Are you @ Live Journal? Then stay updated at the <a target="_blank" href="" http://www.livejournal.com/community/sinful_updates">Sinfu l" Desire Updates Community!</a><br /><br />
{info_content}<br />
{login_content}<br />
<b>Who's Online:</b><br />
Guests: {guests}<br />
Members: {onlinemembers}<br /><br />
<b>Change Your Layout:</b>
{skinchange_title} {skinchange_content}
<br />
</div></div>
<br />
    <div class="block">
      <div class="title">Tag-Board!</div>
      <div class="content"><!-- BEGIN CBOX - http://www.cbox.ws -->
<table border="0" cellpadding="0" cellspacing="0" summary="cbox tagboard" align="center" width="140">
<tr><td align="center" width="169">
<iframe frameborder="0" width="180" height="110" src="" http://www2.cbox.ws/box/?boxid=1217392&amp;boxtag=8701&amp;sec=main" ;" marginheight="2" marginwidth="2" scrolling="auto" allowtransparency="yes" name="cboxmain" style="border: #DBE2ED 1px solid;" id="cboxmain"></iframe>
</td></tr><tr><td align="center" width="169">
<iframe frameborder="0" width="180" height="85" src="" http://www2.cbox.ws/box/?boxid=1217392&amp;boxtag=8701&amp;sec=form" ;" marginheight="2" marginwidth="2" scrolling="no" allowtransparency="yes" name="cboxform" style="border: #DBE2ED 1px solid; border-top: 0px;" id="cboxform"></iframe>
</td></tr>
</table></center>
<!-- END CBOX --><br />
      </div>
      </div>
     

    <div class="block">
      <div class="title">{poll_title}</div>
      <div class="content">{poll_content}</div>
    </div>
    <div class="block">
      <div class="title">{random_title}</div>
      <div class="content">{random_content}</div>
    </div>
          <div class="block">
      <div class="title">{featauth_title}</div>
      <div class="content">{featauth_content}</div>
    </div>
      <div class="block">
      <div class="title">{featured_title}</div>
      <div class="content">{featured_content}</div>
    </div>
</div>
<div id="rightindex" class="clearfix">
      <div class="block">
      <div class="title">Welcome to Sinful Desire: The Archive</div>
      <div class="content">
{welcome}<br />
</div>
      <div class="block">
      <div class="title">{categories_title}</div>
      <div class="content">{categories_content}</div>
      </div>
      <div class="block">
      <div class="title">{recent_title}</div>
      <div class="content">{recent_content}</div>
    </div>
    <div class="block">
      <div class="title">{news_title}</div>
      <div class="content">{news_content}</div>
    </div>
</div> 
</div>
<div id="centerindex">
</div>
        </div>
<!-- INCLUDE BLOCK : footer -->

And as far as I know I haven't made any changes to the CSS other than color codes. Thanks for taking a look at it for me!

Is the "centerindex" part of the code that came in the .zip? Because it's empty and kinda useless. atm. It's not in the file on my test site, so I could have flubbed up and included the wrong file when I .zipped it up.

Is the "centerindex" part of the code that came in the .zip? Because it's empty and kinda useless. atm. It's not in the file on my test site, so I could have flubbed up and included the wrong file when I .zipped it up.

I am actually not sure because since I added that skin to my archive, my hard drive crashed and I lost most of my original files. Should I take that out of the script? And if so, what part do I need to take out?

<div id="centerindex">
</div>

Just those two lines and see what happens.

OK, I took out those two lines and nothing changed.

So, I've redownloaded your zip file and put up the original index.tpl up and am going to customize one thing at a time to back to how I had it, that way I could figure out what was causing the problem. When I added the block for Featured Author, that's when the page went crazy again.

I went to the blocks and it's set to "active" but it looks like this:

<div id=\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\'featauth\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\'><div id=\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\'author\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\'>{author}</div><div id=\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\'bio\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\'><span class=\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\'classification\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\'>Bio:</span> {bio}</div><div id=\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\'stats\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\'>{author} is the author of {stories} stories.  {author} has been a member since {joined}.</div></div>

Is that what is causing the problem? And how do I keep the backward slashes from coming up?