Dashboard overlapping edit in Edit bar
<code><!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
<html lang="EN" dir="ltr" xmlns="http://www.w3.org/1999/xhtml">
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<meta name="keywords" content="publishing" />
<meta name="Publisher" content="www.meltingclockdesign.co.uk" />
<link rel="shortcut icon" href="<?=$this->getThemePath()?>/images/favicon.ico" >
<meta name="description" content="Oliphant Publishing Services." />
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<link rel="stylesheet" media="screen" type="text/css" href="<?=$this->getThemePath()?>/main.css" />
<?php Loader::element('header_required'); ?>
<!--[if IE]> <div id="IEroot"> <![endif]-->
<!--[if lt IE 8]> <div style=' clear: both; height: 59px; padding:0 0 0 15px; margin-left: auto; margin-right: auto;'> <a href="http://windows.microsoft.com/en-US/internet-explorer/products/ie/home?ocid=ie6_countdown_bannercode"><img src="http://storage.ie6countdown.com/assets/100/images/banners/warning_bar_0000_us.jpg" border="0" height="42" width="820" alt="You are using an outdated browser. For a faster, safer browsing experience, upgrade for free today." /></a></div> <![endif]-->
$a = new Area('Header Nav');
<div id="socstamp"><img src="<?=$this->getThemePath()?>/images/twitter.png" class="twitter" alt="twitter" /></div>
<div id="socstamp"><img src="<?=$this->getThemePath()?>/images/facebook.png" class="facebook" alt="facebook" /></div>
<div id="socstamp"><img src="<?=$this->getThemePath()?>/images/linkedin.png" class="linkedin" alt="linkedin" /></div>
<?php defined('C5_EXECUTE') or die("Access Denied."); ?>
Going through and comparing the code from the themes that came pre-installed with C5 should definitely help you resolve this issue.
I tried comparing my header.php with ones from default install of concrete5. No differences are apparent in the "dashboard" part.
I used it to "comment" out all of the stuff from my css's. and it did not affect the nav bar that shows up when you are logged in. Thus I do not think it is in my css's. I then tried manipulating the css's that come with 5.5.1. I was only changing properties already present but nothing I did prevented the overlapping of "dashboard" on top of "edit"
Any ideas where this might come in?
It was in my style.css (main css) there was an instruction defining ul, il, and headings with the following statement
that is not exact code but that is what it was. Removed that line and the dashboard overlay works fine (not overlapping the edit button) in Firefox and IE. It is still an issue in both Chrome and Opera. I have no idea why that is the case but there it is.
At least I can edit pages on my site now.
You say this is your header.php?
But you have a lot body parts in there?
Is the rest of the body code in a separate file and have you included a footer.php?
In the footer.php have got
<?php Loader::element('footer_required'); ?>
Try taking out the IE crap from under the opening body tag and see what happens.
Do you open div tags?
I mean <div> but no </div> at the end?
Seriously need to double check CSS also as nerdess said.