Forums

My Custom Theme moves between editing and posting.

Permalink
Hi, I am new to concrete5 and I am making my first theme.
I seem to be having a bit of difficulty when testing on my sitehttp://cstudios.co.uk/.
As you can see in the first image attached, in editing mode everything is lined up nicely (Pay attention to the Twitter Widget) however in the second everything seems to move, I have narrowed it down to my nav bar as when I took this off, everything went back to lined up.

If any of you have the solution I would greatly appreciate it.

(pay no attention to the location of the footer, I'm not bothered about this ATM)

EDIT-----------
Here is the code:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<?php  Loader::element('header_required'); ?>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<link rel="stylesheet" type="text/css" href="<?php echo $this->getThemePath(); ?>/styles/default.css">
<style type="text/css">
#camspage { background-image:url(<?php echo $this->getThemePath(); ?>/images/pageback.png); background-repeat:repeat-y; }
</style>
</head>
<body>
   <div id="camsheader">
       <div id="headerpage">
          <div id="logo">
              <img src="<?php echo $this->getThemePath(); ?>/images/TekkitTowns360x120.png" width="360" height="120" alt="logo" />
Viewing 15 lines of 43 lines. View entire code block.

2 Attachments

 
juliandale replied on at Permalink Reply
juliandale
Try wrapping your navigation area within a Div that is set at 100% width. In edit mode, I think the dotted outlines span to 100% of the area they are contained within.
jafacakes2011 replied on at Permalink Reply 3 Attachments
Thanks for the reply, however when I tried this I even made more space underneath the navbar(screenshot3), as seen in the image nothing changed, the only time something changed was when I didn't have it centred(screenshot4) I then tried to add more to the navbar but it just moved the text Welcome to the right(screenshot5)
If you have any ideas please help, Thanks.
JohntheFish replied on at Permalink Reply
JohntheFish
In any browser other than internet explorer (I like chrome), you can use the browser developer console to try out small changes to css and see what happens. The developer console will also tell you which rules are dominating.

See the last section of:
http://www.concrete5.org/documentation/how-tos/editors/getting-help...