Textpattern CMS support forum
You are not logged in. Register | Login | Help
- Topics: Active | Unanswered
Almost finished..
Here is a new site I just finished. Still some changes here and there to be made, but its gone live.
This was quite a difficult site technically, because within sections there had to be more than one design – if it was not for the flexibility of TXP it would have been very difficult.
Many plugins have been used, not only for the front end – a lot have gone into the backend for ease of use for the clients.
I just noticed using the excellent IE Net Renderer service that my live search is playing up a little on IE6/IE7 (top left corner in the main header). I use Macs and don’t have a Windows PC handy – anyone see the reason why there is a white background behind the live search?
Offline
Re: Almost finished..
I haven’t looked too closely at your css but my guess is that you need to specify a color on livesearch or header or whatever is directly behind the livesearch. When using background:transparent I found that IE got confused but, very surprisingly, when I added the same color to the element underneath, IE used that instead for the background!
Second edit! I just realised that your logo is pushed off screen to the right in IE, so it’s not the background problem I thought, but because I think you missed the closing div on the header. Check your validation and you might find something there…
Last edited by zero (2008-01-05 21:24:01)
Offline
Re: Almost finished..
Niiice. So that’s what it should look like ;-) That Net Renderer looks useful too, thanks for the tip!
jstubbs wrote:
anyone see the reason why there is a white background behind the live search?
Looks like the #livesearch is taking up space in IE despite its floated status and pushing the #logo across to the right. Try adding
position:absolute;
to the #livesearch rule or giving one of the ancestor components a position to force IE to put #livesearch relative to that block.
Last edited by Bloke (2008-01-05 21:14:07)
The smd plugin menagerie — for when you need one more gribble of power from Textpattern. Bleeding-edge code available on GitHub.
Txp Builders – finely-crafted code, design and Txp
Online
Re: Almost finished..
Yeah I am no expert in IE that’s for sure ;-) I set the BG to transparent as the logo runs the full width of the header. Live search just sits on top. I was thinking of setting live search BG to the same colour as the logo, or possibly, to the header as you say. Thanks Peter.
Offline
Re: Almost finished..
Hi Stef! Yes, you guessed, this is the site that has the aro_slideshow component. I found the problem you kindly helped me with, regarding the text flickering in FF and Camino on the Mac. Aeron, whose plugin it is, said this:
“The cause of this problem is now know and has been fixed in firefox 3. It is a byproduct of the fact that firefox 2 uses the quickdraw libraries for font rendering while firefox 3 uses quartz. Download Gran Paradiso and the problem is gone. still no workaround i know of other then browser upgrade.”
Offline
Re: Almost finished..
Stef or Peter, can you try one of your suggested solutions in FF for Windows, using Firebug? That should settle the problem and give me a fixed way of dealing with nasty old IE.
Any other problems you see in the site?
Offline
Re: Almost finished..
jstubbs wrote:
Stef or Peter, can you try one of your suggested solutions in FF for Windows, using Firebug?
position:absolute displays correctly in FF. I tried it in the crappy IE Dev Toolbar under IE6 and it fixed it there too, but there’s no guarantee that means it’s the right answer.
[ For some reason when the IE toolbar changes the CSS on-the-fly, you think you fixed it, make the official changes, CTRl-F5 refresh and it either still does it or banjaxes another bit of the layout. It’s like, 5 minutes to make a site look great in FF and a further 4 hours trying to make it render half-decently in IE6 or 7. Do you think we should all sue Bll Gates for wasting our valuable time with his shite product ;-) ]
But, fwiw, the dev toolbar says position:absolute is the answer. YMMV.
And thanks for the update on the flickering text. Worth knowing. Can’t see any obvious things that jump out at me on the site. I’ll give it a once-over, but perhaps someone with a good eye for style is a better option than me!
Last edited by Bloke (2008-01-05 21:24:01)
The smd plugin menagerie — for when you need one more gribble of power from Textpattern. Bleeding-edge code available on GitHub.
Txp Builders – finely-crafted code, design and Txp
Online
Offline
Re: Almost finished..
Stef: The flickering disappears in FF3 beta. I downloaded it on Aeron’s suggestion and the issues were gone.
My site: I would prefer to avoid what you correctly point out as obvious problems – I fix one thing and then create 4 others. Could it be that the live search is placed in a Div called Header, which has no defined height?
Offline
Re: Almost finished..
jstubbs wrote:
Could it be that the live search is placed in a Div called Header, which has no defined height?
Maybe. That hasLayout thing is a real pain. But Peter has a point about the validation; there are a few elements that have the same id= (#livesearch is one of them, and the ras_rollover images are all id="text"). Perhaps Firefox is more forgiving with erroneously defined duplicates than IE?
Last edited by Bloke (2008-01-05 21:42:44)
The smd plugin menagerie — for when you need one more gribble of power from Textpattern. Bleeding-edge code available on GitHub.
Txp Builders – finely-crafted code, design and Txp
Online
Re: Almost finished..
Peter: The header is closed properly. I double checked.
Stef/Peter: Validation produces a lot of errors, many of which are not in my control – the ras_rollover images are all id="text" because that’s the way the plugin is setup, and what Rick suggested I do.
Stef: Could you try and set a height for the header, and see if that fixes it? Otherwise I will try the position:absolute.
Offline
Re: Almost finished..
jstubbs wrote:
Could you try and set a height for the header, and see if that fixes it?
No dice. Triggering hasLayout with the height attribute made no difference according to the IE Dev Toolbar.
The smd plugin menagerie — for when you need one more gribble of power from Textpattern. Bleeding-edge code available on GitHub.
Txp Builders – finely-crafted code, design and Txp
Online