How are areas defined in php positioned?
Permalink
Problem:
For some reason with some themes it happens that when you for instance add some content to the header aerea the content will overlay the main aerea below instead of pushing it down.
Or, for instance in the core dark chocolate theme the header nav aerea ist by default positioned top right, and if I add a very large banner to My_Site_Name the editable aerea gets pushed to the right istead of being pushed down below 'Iinto the next row' so to say.
I am working on a new layout editing the dark chocolate theme, and to avoid the said problem I tried inserteing <div id='headerSpacer'></div>
or <div class='spacer'> -- I know the code isn't correct here but I just copied it in the header.php so the code on my page is ok -
This seemed to do the trick until I looked at my page in firefox and IE (I edit in Chrome) where at least on my Win XP2 installation the header was displaced to the right.
http://www.emina-rock.com/test-site...
What can I do to avoid this and could anybody please be so kind to explain the concept of how editable areas are positioned? How do I tell the theme to push down an editable area when on the area above content is added?
Thank you all very much
For some reason with some themes it happens that when you for instance add some content to the header aerea the content will overlay the main aerea below instead of pushing it down.
Or, for instance in the core dark chocolate theme the header nav aerea ist by default positioned top right, and if I add a very large banner to My_Site_Name the editable aerea gets pushed to the right istead of being pushed down below 'Iinto the next row' so to say.
I am working on a new layout editing the dark chocolate theme, and to avoid the said problem I tried inserteing <div id='headerSpacer'></div>
or <div class='spacer'> -- I know the code isn't correct here but I just copied it in the header.php so the code on my page is ok -
This seemed to do the trick until I looked at my page in firefox and IE (I edit in Chrome) where at least on my Win XP2 installation the header was displaced to the right.
http://www.emina-rock.com/test-site...
What can I do to avoid this and could anybody please be so kind to explain the concept of how editable areas are positioned? How do I tell the theme to push down an editable area when on the area above content is added?
Thank you all very much
If you're not already familiar with Firebug (for Firefox), Web Inspector (for Chrome or Safari), or F12 Developer Tools (for IE), I would definitely invest a little time learning about one of them -- they are invaluable tools when trying to figure out how the various CSS rules are affecting your design.
Best of luck!
-Jordan