<?xml version="1.0" encoding="UTF-8"?>
<!-- generator="bbPress/1.1-alpha-2539" -->
<rss version="2.0"
	xmlns:content="http://purl.org/rss/1.0/modules/content/"
	xmlns:dc="http://purl.org/dc/elements/1.1/"
	xmlns:atom="http://www.w3.org/2005/Atom"
		>
	<channel>
		<title>WordPress.com Forums &#187; Topic: Overlapping header</title>
		<link>http://en.forums.wordpress.com/topic/overlapping-header</link>
		<description>WordPress.com Forums &#187; Topic: Overlapping header</description>
		<language>en</language>
		<pubDate>Wed, 19 Jun 2013 15:25:10 +0000</pubDate>
		<generator>http://bbpress.org/?v=1.1-alpha-2539</generator>
				<atom:link href="http://en.forums.wordpress.com/rss/topic/overlapping-header" rel="self" type="application/rss+xml" />

		<item>
			<title>sunburntkamel on "Overlapping header"</title>
			<link>http://en.forums.wordpress.com/topic/overlapping-header#post-47551</link>
			<pubDate>Sun, 28 Jan 2007 15:06:15 +0000</pubDate>
			<dc:creator>sunburntkamel</dc:creator>
			<guid isPermaLink="false">47551@http://en.forums.wordpress.com/</guid>
			<description><![CDATA[<p>the basic structure is like this:</p>
<p><code>#wrapper&lt;br /&gt;
 &#124; - #header&lt;br /&gt;
 &#124; - &#124; - .access&lt;br /&gt;
 &#124; - &#124; - #globalnav&lt;br /&gt;
 &#124; - #container&lt;br /&gt;
 &#124; - &#124; - #content .hfeed&lt;br /&gt;
 &#124; - &#124; - &#124; - #nav-above .navigation&lt;br /&gt;
 &#124; - &#124; - &#124; - .hentry&lt;br /&gt;
 &#124; - &#124; - &#124; - &#124; - .entry-title&lt;br /&gt;
 &#124; - &#124; - &#124; - &#124; - .entry-date&lt;br /&gt;
 &#124; - &#124; - &#124; - &#124; - .entry-content&lt;br /&gt;
 &#124; - &#124; - &#124; - &#124; - .entry-meta&lt;br /&gt;
 &#124; - &#124; - &#124; - #nav-below .navigation&lt;br /&gt;
 &#124; - &#124; - #primary .sidebar&lt;br /&gt;
 &#124; - &#124; - &#124; - .widget&lt;br /&gt;
 &#124; - &#124; - &#124; - &#124; - .widgettitle&lt;br /&gt;
 &#124; - &#124; - &#124; - &#124; - (whatever is in the widget)&lt;br /&gt;
 &#124; - &#124; - #secondary .sidebar&lt;br /&gt;
 &#124; - &#124; - #footer</code></p>
<p>the other classes (for posts and whatnot) are here:<br />
<a href="http://sunburntkamel.wordpress.com/wp-content/themes/pub/sandbox/readme.html" rel="nofollow">http://sunburntkamel.wordpress.com/wp-content/themes/pub/sandbox/readme.html</a></p>
<p>and then there's lorelle's comprehensive list of classes and ID's:<br />
<a href="http://lorelle.wordpress.com/2006/08/06/wordpresscom-custom-css-all-the-styles-for-the-sandbox-theme/" rel="nofollow">http://lorelle.wordpress.com/2006/08/06/wordpresscom-custom-css-all-the-styles-for-the-sandbox-theme/</a>
</p>
]]></description>
					</item>
		<item>
			<title>kiwiamo on "Overlapping header"</title>
			<link>http://en.forums.wordpress.com/topic/overlapping-header#post-47507</link>
			<pubDate>Sun, 28 Jan 2007 03:49:15 +0000</pubDate>
			<dc:creator>kiwiamo</dc:creator>
			<guid isPermaLink="false">47507@http://en.forums.wordpress.com/</guid>
			<description><![CDATA[<p>Ah.  Thank you very much for that.  I will try that.</p>
<p>One thing that I have now encountered is that what I had isn't laying out properly in IE so I think I will have to try another route.</p>
<p>I think I am just going to add individual style elements to the existing style sheet and then tweak the entire style sheet once I have added additional elements.</p>
<p>What I REALLY need at this point is a source to define the code elements in sandbox so I know what I am tweaking.</p>
<p>Can someone point me to a list of sandbox element definitions?
</p>
]]></description>
					</item>
		<item>
			<title>sunburntkamel on "Overlapping header"</title>
			<link>http://en.forums.wordpress.com/topic/overlapping-header#post-47505</link>
			<pubDate>Sun, 28 Jan 2007 03:33:28 +0000</pubDate>
			<dc:creator>sunburntkamel</dc:creator>
			<guid isPermaLink="false">47505@http://en.forums.wordpress.com/</guid>
			<description><![CDATA[<p>okay, you've got an absolutely positioned header and menu, but nothing else is.  since absolutely positioned elements don't 'push' other elements, they overlap if you don't add spacing for them.</p>
<p>i'm not sure where you got this CSS, but there are a few changes to the names of things.   i think that first <code>#rap</code> wants to be <code>#container</code>.  try this:</p>
<p><code>&lt;br /&gt;
#container {&lt;br /&gt;
position: absolute;&lt;br /&gt;
left: 35%;&lt;br /&gt;
top: 7em;&lt;br /&gt;
margin-left:35%;&lt;br /&gt;
margin-right:60px;&lt;br /&gt;
margin-top:70px;&lt;br /&gt;
padding:0.5em;&lt;br /&gt;
}&lt;br /&gt;
#primary {&lt;br /&gt;
margin-top: 70px;&lt;br /&gt;
}&lt;br /&gt;
</code>
</p>
]]></description>
					</item>
		<item>
			<title>kiwiamo on "Overlapping header"</title>
			<link>http://en.forums.wordpress.com/topic/overlapping-header#post-47496</link>
			<pubDate>Sun, 28 Jan 2007 02:34:24 +0000</pubDate>
			<dc:creator>kiwiamo</dc:creator>
			<guid isPermaLink="false">47496@http://en.forums.wordpress.com/</guid>
			<description><![CDATA[<p>Here is a sample of the style theme I am using.<br />
<a href="http://bishopcdmiller.com/new/blog/imgs/screen/buddha_screenshot.jpg" rel="nofollow">http://bishopcdmiller.com/new/blog/imgs/screen/buddha_screenshot.jpg</a></p>
<p>Here is my blog.<br />
<a href="http://adoptionstories.wordpress.com/" rel="nofollow">http://adoptionstories.wordpress.com/</a></p>
<p>See how the header at top overlaps the side menu and blog entries?  Argh.  I have tried several things to rearrange this order but so far it won't budge.</p>
<p>FWIW I am a CSS newbie but I do have alot of experience with other types of code and graphics layout.</p>
<p>Here is what I am saving in the CSS editor:<br />
body {<br />
background-image:url('http://i84.photobucket.com/albums/k25/ragdollhugs/handforBLOS.jpg');<br />
background-attachment:fixed;<br />
background-color:#ffffff;<br />
background-position:bottom left;<br />
background-repeat:no-repeat;<br />
font-family:"Georgia", serif;<br />
font-size:100%;<br />
}</p>
<p>#rap {<br />
margin-left:35%;<br />
margin-right:60px;<br />
margin-top:70px;<br />
padding:0.5em;<br />
}</p>
<p>#header {<br />
position:absolute;<br />
top:10px;<br />
left:10%;<br />
}</p>
<p>#menu {<br />
position:absolute;<br />
top:80px;<br />
left:10%;<br />
width:10em;<br />
border:1px solid #F8E7B0;<br />
background-color:#EFD16B;<br />
font-size:0.85em;<br />
padding:0.5em;<br />
}</p>
<p>#menu ul {<br />
width:100%;<br />
margin-top:0;<br />
padding-left:0;<br />
margin-left:0;<br />
margin-bottom:1em;<br />
color:#7A5208;<br />
list-style:none;<br />
font-weight:bold;<br />
}</p>
<p>#menu ul ul {<br />
margin-left:0;<br />
font-weight:normal;<br />
}</p>
<p>#menu table {<br />
display:none;<br />
}</p>
<p>#menu a:link,#menu a:visited {<br />
color:black;<br />
display:block;<br />
width:100%;<br />
border-style:none;<br />
border-width:1px;<br />
padding:1px;<br />
}</p>
<p>#menu a:hover {<br />
background-color:#EFD16B;<br />
font-weight:bold;<br />
}</p>
<p>#menu form {<br />
margin:0 0 1em;<br />
}</p>
<p>#menu form br {<br />
display:none;<br />
}</p>
<p>input {<br />
width:6em;<br />
font-family:Verdana, Tahoma, Arial, sans-serif;<br />
}</p>
<p>#content h2 {<br />
float:right;<br />
font-size:0.85em;<br />
font-weight:normal;<br />
background-color:#FBF5E1;<br />
border:1px solid #F8E7B0;<br />
margin:0 0 0 0.4em;<br />
padding:0.3em;<br />
}</p>
<p>.storytitle {<br />
margin:0;<br />
}</p>
<p>.post-categories {<br />
display:inline;<br />
margin:0;<br />
padding:0;<br />
}</p>
<p>.post-categories li {<br />
display:inline;<br />
margin-left:0 3px 0 0;<br />
padding:0;<br />
}</p>
<p>.post .meta {<br />
font-family:Verdana, Tahoma, san-serif;<br />
margin-top:0;<br />
font-size:0.75em;<br />
color:#666;<br />
}</p>
<p>.post .meta * {<br />
margin-top:0;<br />
}</p>
<p>.post .feedback {<br />
margin-bottom:3em;<br />
padding-bottom:1px;<br />
}</p>
<p>p.credit {<br />
margin-left:35%;<br />
margin-right:60px;<br />
font-size:90%;<br />
padding:0.5em;<br />
}</p>
<p>p,td,th,li {<br />
font-size:1em;<br />
line-height:1.65em;<br />
}</p>
<p>a:link,a:visited {<br />
text-decoration:none;<br />
color:#7A5208;<br />
border:1px none white;<br />
}</p>
<p>a:hover {<br />
background-color:#FBF5E1;<br />
}</p>
<p>In addition to the overlapping issue I can not get the background color on the side menu to appear.  The hover color appears but not the static background color of this element.</p>
<p>Any guidance is GREATLY appreciated!!!  Thanks in advance.
</p>
]]></description>
					</item>

	</channel>
</rss>
