Nice site.
One thing - don't do whats frowned upon - and design for only one browser.
Designing for just FireFox is the same as designing for just IE.
Except you are shooing yourself in 80% of your feet. (yeah, thats coz prob 80% of people use IE still)
I HATE when people have this on their website:
"Designed for IE" or "Best viewed in IE" etc... Just make it work everywhere, and people will be happy no matter what.
Just a tip :)
Cheers
Tatham Oddie wrote:
Bert, Thanks for your help. I managed to get the text centerred vertically within the panel in FF only, however never managed to get the panel in the right place too. Also, even though my subsites arew about to be covered in 'Get Firefox' warnings for IE users, I need to be cross-browser compliant on my portal page. If you could save a copy of the page and have a quick fiddle with the source (the CSS is inline anyway for this page) that would be **extremely** well appreciated. However, please don't feel pressured that this needs to happen. As for the use of LI, H1, and H2 elements - I looked back on it and realised that it probably was a stupid move. I only found out about DL a few weeks ago and am taking sometime to get into the swing of using it. I've now implemented this though and it's a much cleaner solution. As for the background image - it's not finished yet, and I will optimize more. Trust me, I know about dialup - I'm on it. I can't get broadband where I am in the mountains west of Sydney.
Thanks, Tatham
-----Original Message----- From: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED] On Behalf Of Bert Doorn Sent: Sunday, 26 December 2004 8:25 PM To: wsg@webstandardsgroup.org Subject: Re: [WSG] CSS alignment issues
G'day
vertical-align only applies to 'table-cell' elements and in some cases inline elements. Putting vertical-align on a div has no effect (or is not supposed to)If you look at the homepage - http://www.e-oddie.com/ - I'm having problems laying the content out. I'm trying to centre the image on the page both horizontally and vertically. Then, within the panel, I'm trying to vertically centre the text. Unfortunately I'm not achieving either and am getting different results between IE6 and FF1.
You could trick Firefox and Opera 7.5 (and perhaps some Mac/Linux browsers Like Safari, Konqueror etc) by setting the html and body elements to 100% height, giving body a display:table and panelContainer a display of table-cell and vertical-align:middle. Doesn't have vertical centering in MSIE but should still be usable otherwise. I can email you a sample file off-list if you like.
Just a couple of other comments if I may:
1. Have you thought about using a definition list instead of an unordered list with (seemingly misused) h1 and h2 elements?
2. I'd compress the background image. Takes a long time to load on dial-up. 183kB for a background image is a ~bit~ much. 30-40k would be better and should be achievable without too much loss of quality.
Regards
-- ------------------------ Chris Stratford [EMAIL PROTECTED] http://www.neester.com ------------------------
-- No virus found in this outgoing message. Checked by AVG Anti-Virus. Version: 7.0.298 / Virus Database: 265.6.4 - Release Date: 22/12/2004
****************************************************** The discussion list for http://webstandardsgroup.org/
See http://webstandardsgroup.org/mail/guidelines.cfm for some hints on posting to the list & getting help ******************************************************
