In edit mode all is fine, but I lose 2 columns in preview?!?!?!

Permalink
I am trying to create my own theme in concrete 5. On the page I am currently working on

http://www.billmosstents.com/test/index.php?cID=138&ctask=check...

all is well in edit mode: header, nav area, left and right columns and below them a slideshow area....

When I preview the page, the left (photo) and right (text) columns are not visible.

Any ideas about what is wrong would be so appreciated. Thank you!

 
EvanCooper replied on at Permalink Reply
EvanCooper
Hi mtbattie,

That does sound peculiar. Are those missing when you publish the page? Or just when you preview the changes?

Unfortunately I couldn't see the link that you posted as it was in edit mode, and I don't think the cID exists anymore? Anyhoo, I would probably need administrative access to your site to see the issue recreated, so if you want to send me that info via private message, I can take a look for you.
PPPills replied on at Permalink Reply
PPPills
HI mtbattie,
It sounds like EvanCooper is handling things, but I've noticed that if my margins are set too far on the side columns or other sections- it sometimes looks OK in edit and then shoots down to the bottom when in preview.
I have learned to use Chrome to look at the site and use Chrome Developer tools. It will be located under the little wrench symbol on the upper right hand side of the Chrome browser. Go down to Tools and select developer tools from that.

have your page pulled up and then when you look at the developer tools - you expand the views on the little triangles and see what is going on. (it will highlight the sections visually in the browser) When you click on the line of code it will show you where it's located in your css and what it's doing.
Good luck!
mtbattie replied on at Permalink Reply
Thank you!

I believe Evan is on it...actually I did just switch from developing in Safari
to Chrome. What a difference. I also tried clearing cache and anything else I could
think of..
EvanCooper replied on at Permalink Reply
EvanCooper
Yes, I think in this case there is a div with the ID of #slideshow that just needs to be floated left and I think that should fix that issue.

PPPills is 100% on the money, I actually used Chrome inspect element to trouble shoot this, which is actually baked into the browser. It's nice because not only can you expand the styles for the element in question, but you can also add styles and they will render in your browser so you can experiment with the display without having to modify any actual code (In this case, I could add the float:left to that particular div and see the results). Firefox has Firebug and its own inspector as well, as most browsers do now, thankfully.

Let me know if that squares things away!