Hi,
I've tried to use the theme waffles for my website (still under construction). Actually I need a theme in which I can put a large image, but I noticed a different way of loading the image when using IE or Mozilla Firefox. I suppose you can notice the same difference with this example (given in the waffle home page) "Header without a girl" : http://www.q0b.ru/header-bg.jpg. With Firefox 3.5.5 the image is cut. I've tried to work with the style.css file parameters, especially with
#header {
background: #3066a6 url('images/header-bg.jpg') no-repeat center ;
/*padding-left: 150px;*/
>>padding-top: 60px;
}
But I can't fix the search-box on the very top of the banner, and I can't see any longer a important detail of the image which is now covered by the search box.
With (IE 6&7) there is a blue zone wrapping the image in the header.

*I would like to be able to fix the serach-box on the right-top of the image. I've been searching an other solution : putting the search-box it in the "preface last" zone so that I won't be forced to modify my picture, but I wonder if it's possible...*

For giving an example, I've made a red image with five numbers in the left margin : http://zafira.univ-lemans.fr/ASSO/fulbi/new/ (the final version is totally different but it is still under construction).

Thank you for this theme which is very clean, I'd really like to use it !
Phil

Comments

benhp’s picture

benhp CreditAttribution: benhp commented

I have "fixed" the header zone with :
#header {
max-width:1290px;
height:153px;
background: #3066a6 url('images/header-bg.jpg') no-repeat top center ;
padding-left: 70px;
}
in style.css.
It's not clean but it works on both IE (6,7,8) and FF
Thank you for every comment...

Nardos Tessema’s picture

Nardos Tessema CreditAttribution: Nardos Tessema commented

Hello BHP,

I am having the same problem. I am trying to use the plain header background image in stead of the one with the naked girl. I just replaced the naked girl background with the plain one but then the background image doesn't show any more. I am writing the CSS modifications in local.css in stead of in style.css (the theme designers advise that...) Please help...

Thanks

eodonnell’s picture

eodonnell CreditAttribution: eodonnell commented
Version: 6.x-6.x-dev » 6.x-1.3

Having the same problem with IE6. There is a blue background behind the header information. Also the page wrapper doesn't seem to be properly working, there isn't a background color showing, and the page content is skewed left. Also, for some reason, the middle statement block does not show on the home page.

I was able to "fix" this a bit by messing with the ie6-fixes.css file. I added

#page {
width: 1010px;
}

To force a set width - also commented out the #preface tag, and now the mission is showing.

Neither fix is ideal - but it works.

daytripscanada’s picture

daytripscanada CreditAttribution: daytripscanada commented

This fix worked for me... thanks again!