Hi...

Thanks for theme! I really like the usability of it! I'm wondering however....do you have any pointers as to how to get the right colum (sidebar, left sidebar, & far right sidebar) to align to the top in IE? Currently, the drop down to the bottom of the screen. There is also a split in header graphic just above the menu and below the title.

Thanks for your assistance!

Comments

trueMarketing’s picture

Hello,
Could you please send me your URL that the SEO Position Drupal theme is located? There my be some block/menu settings that are different than ours within the admin section causing your problems.

If you look at our web site SEO Position in IE, you'll see that everything looks good. So, unless you've altered the CSS or page.tpl, we can troubleshoot your problem.

Please add your URL and/or give me more information to help you out.

Thanks!
Brian
SEOPosition.com

jlee’s picture

Thanks for the assistance! Okay...I figured out why the right column was dropping down. I placed a 300x250 Google Ad in the sidebar position... I guess this is too wide??? At any rate, although it renders perfectly in FireFox, it drops to the bottom in IE. I fixed this by placing a 250x250 there instead. (I saw your comments to another user about widening theme....and your recommending against it...however is it possible to widen just the right column to allow for the 300x250 box?)

As for the split in the menu, I'm not sure why this happening...I have not altered the CSS however.

One additional item to note....there appears to be a missing image (button) in the header section... The alt text says "home" and it links to the homepage.

thanks for taking a look!

The url is: www.allurbannews.com

Thanks again.

trueMarketing’s picture

Hi,
Thanks for posting the URL. That helps a lot.

I see you are using the site slogan option. That's what is adding the white space between the header and top nav menu in IE. Since we never used site slogan within our own theme, I would recommend turning that off within the admin portion of your site. If you really want to use site slogan, then you could always add a little bit of extra CSS to the seoposition.css file. A good example of the CSS and code you'd need could be found on a similar background image layout in the header (with title/slogan) found here:

http://fullahead.org/work/softenedCells/ (notice the smaller white text under the main "Softened Cells" title)

So, you already have <div class='site-slogan'>dsfdfdsf</div> when you view source to your home page.

But there is no 'site-slogan' style within the seoposition.css (since we opted for a cleaner image top banner/header without any site slogan). So, you'd simply go to the seoposition.css and find the current '.site-name' style reference. Then, below it add the extra CSS to display the SEO Position theme site slogan correctly. You could start with the below and play around with it to get the location right:

.site-slogan {
  background-color: transparent;
  color: #fff;
  text-align: left;
  font-size: 12px;
  padding: 10px;
  border-bottom-style: none;
}

Since I'd have to have to be using the site slogan to get an exact position, I would work with the 'padding-top' in the CSS snippet above. You could also use 'margin-top' attribute or similar to get alignment right.

I will work on setting up an example theme using the same settings to help others using site slogan within the theme.

Please let me know if the above solves one issue you having.

========================

Issue #2 - Width of right sidebar to fit your Google ads...

It looks like you should be able to do this within the top box where you currently have "search" located. To do so, drop in the Google Adsense code for the 300 x 250, which you originally had there. Or, create another custom block under the current "search" you have that will hold the Adsense ads.

The 300px wide should fit if you play around with your style reference called "colheader2" in seoposition.css, specifically:

#colheader2 { border: 6px solid #E8E8E8; background: #fff; clear: both; margin: 0.2em; padding: 0.3em; }

Take away the 6px border or decrease it's width, or decrease the 0.3em padding.

Let me know if this helps or works for your needs.

Best Regards,
Brian
SEOposition.com

jlee’s picture

Category: bug » support
Status: Active » Closed (fixed)

Works great! Thanks for your suggestions and pointers!

Fyi...As these were not bugs...I changed the category to "support request" and 'closed' this issue.