Welcome to Geeklog, Anonymous Saturday, December 21 2024 @ 10:11 am EST
Geeklog Forums
Slight problem with CSS
Status: offline
dwl
Forum User
Junior
Registered: 01/05/11
Posts: 25
:banghead: Gawd I hate Internet Explorer.
I realise this, as a CSS challenge, could be posted anywhere but since it is basically about Geeklog I'd like to see if anyone else has the same challenge. It has to do with positioning of the site logo found in the banner.
If you click on this link, you'll see what am I trying to achieve in Firefox. However, in IE7, the result is this: the slogan comes out below the banner and below the menu.
/*parent to header-slogan */
.header-logobg-container-inner {
background: url("images/bkgrnd-purple.png") repeat-y #ffffff;
border-bottom: 1px solid #CCCCCC;
height: 78px;
margin-bottom: 1px;
padding-left: 1%;
}
.header-slogan {
float: right;
font-size: 2em;
height: 78px;
padding-right: 1%;
}
I've tried converting the slogan code from a span to a div and it did not change the result.
Comparing the banner/menu combination on my site vs the Geeklog site, the only difference in terms of CSS/HTML structure I can tell is my menu appears below the banner. My header.thtml file is rearranged so the menu navigation container is below the banner container.
Does anyone have a fix? You can look at my site dwlamb.com to see the placeholder and CSS. There's simply no slogan there right now until I get this figured out.
CSS Formatted Code
/*parent to header-slogan */
.header-logobg-container-inner {
background: url("images/bkgrnd-purple.png") repeat-y #ffffff;
border-bottom: 1px solid #CCCCCC;
height: 78px;
margin-bottom: 1px;
padding-left: 1%;
}
.header-slogan {
float: right;
font-size: 2em;
height: 78px;
padding-right: 1%;
}
5
7
Quote
Status: offline
::Ben
Forum User
Full Member
Registered: 01/14/05
Posts: 1569
Location:la rochelle, France
Hi,
Could you paste here the code you try to use to render your header?
<div class="header-slogan"></div>
<div class="header-navigation-container "></div>
Ben
I'm available to customise your themes or plugins for your Geeklog CMS
Could you paste here the code you try to use to render your header?
Text Formatted Code
<div class="header-logobg-container-inner"></div><div class="header-slogan"></div>
<div class="header-navigation-container "></div>
Ben
I'm available to customise your themes or plugins for your Geeklog CMS
4
8
Quote
Hi Ben,
We can regard this one as fixed. I looked at the declarations for the div's you wanted me to post here. I started doing my own comparisons of the Geeklog.net css file and my own. Turns out the problem was in .header-logo, not even the div's and rules you and I had considered.
Still, it doesn't change my opinion of Internet Explorer.
We can regard this one as fixed. I looked at the declarations for the div's you wanted me to post here. I started doing my own comparisons of the Geeklog.net css file and my own. Turns out the problem was in .header-logo, not even the div's and rules you and I had considered.
Still, it doesn't change my opinion of Internet Explorer.
7
7
Quote
All times are EST. The time is now 10:11 am.
- Normal Topic
- Sticky Topic
- Locked Topic
- New Post
- Sticky Topic W/ New Post
- Locked Topic W/ New Post
- View Anonymous Posts
- Able to post
- Filtered HTML Allowed
- Censored Content