AS, can you check this link and see if that's any better?|
CSS solve-me-do • Page 6
It will be the PNG files. Older IEs dont like PNG images. There is a fix knocking around somewhere on the internets.
That site is an SEO disaster but I'm sure you knew that.
askew 19,958 posts
Seen 22 minutes ago
Registered 14 years ago
IE6 spazzes out with transparent PNGs. There's a proprietary CSS filter you can add which will help, but I've a feeling there are some JS hacks which will help.
Personally, I'd get that nice little bit of code in there that tells people with IE6 to fuck themselves and download a proper browser.
MagicPanda - yeah I know it is. I'm getting paid peanuts and they're insisting on all kinds of stupid stuff that I would never choose to implement - 100% horizontal headers and footers, 100% vertical side bar, 100% background - no matter what size the browser.
I've spent so much time fucking about with itthat I can't be arsed embedding the fonts.
Managed to take a screenshot
Still that problem, though the floating footer seems ok now...
If you are using PNGs I believe one of the DXimageFilters from Microsoft should fix it...
Fair play. You'll be wanting that IE6 update thing then. Save you a load of grief
The scaling background can go behind the text on a small window which makes the text quite hard to read. Maybe a white box with fade off behind the text would help?
Mr-Brett - I agree with you completely, but alas, I'm building it as per the provided PSD file.
I'd just put a rather subtle one in then and not mention it to the client
Oh yeah, sorry I misunderstood your suggestion initially but now it makes perfect sense.
Oh ok, I thought there was something a little strange about your reply
Can anyone see what the problem here is?
I can't figure out why the 6 - 11 is floating off to one side.
agparrot 11,901 posts
Seen 5 years ago
Registered 17 years ago
Hmm, have you tried just bunging a line break in ahead of the 6 - 11?
hmm - that is a bit weird - hack fix was to put a " " between the "11" and "September"
EDIT: Obviously remove any "real" spaces between them too.
Very odd...the code seems fine...
Try eliminating the space between the 11 and september and seeing what it does...
Ha. Well done Sport. I have no idea why it was doing that but your 'hack' worked.
Weird. If you take float:left; out of header_content it fixes it.
I think we should alert the W3C immediately!!! To the CSS mobile!!!
Nana nana nana nana style-sheet!
Holy padding (0px)!
Look at the display (block) CSSMan! To the left (10px) of that color (#ff0000) lighthouse!
Someone's floating (left) unconscious! We must clear (both) him of the water before he drowns in the overflow (hidden)...
I'll stop now...
Working on this at the moment.
3 things I need to solve.
1 - Why aren't the words ENGLISH | FRENCH in their div box?
2 - How can I create a DIV that fills from underneath the bottom of the grey footer to the very bottom of the page no matter what size the browser. The scaling background image should only be visible in the bar across the top under the logo.
3 - The one pixel gap underneath the white toolbar containing the buttons.
border: medium solid #000000;
padding: 5px 10px;
fixes the English| French in Firefox.
will make the background of your button bar white, so you don't need an image.
Thanks Sam. That's 1 down, 2 to go.
I hate these projects. The designer has an idea in her head of how she wants it, but I, as the coder have other ideas.
same for the footer bar
Just twigged that what I was using as the repeatable background was probably one pixel shorter than what I actually needed.
Oh and Sam, what was wrong with the English|French div?
I can't remember, you've changed it since I looked - it does look better without.
Overflow:hidden will compress a box to the perfect size when there isn't a defined height. Which makes using overflow incorrect, but it does serve a purpose.
Sometimes posts may contain links to online retail stores. If you click on one and make a purchase we may receive a small commission. For more information, go here.