I'm not expert either but to make an expandable/retractable design using
em's instead of pixel will make each element resize in relation to each
other. i.e.
#header ul li{
float:right;
font-size:1ems;
height: 6ems;
margin-top: 0.5ems;
}
If you use that kind of method then it will resize very nicely. I haven't
managed to work out a pixel to ems calculator although I know there are some
sites out there with some really useful guides. I'm still slaved to
Dreamweaver so I design the work and ems by sight until it looks right, then
I test it against the browsers, not an exact science sadly. I'll see if I
can dig up the reference sites I've used in the past.
-----Original Message-----
From: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED] On
Behalf Of Michael Horowitz
Sent: 29 July 2008 23:46
To: [email protected]
Subject: Re: [WSG] Aligning a menu to the bottom of a div
If I wanted to replace my pixels with em's what would I do? I've seen
some discussion of them but aren't an expert. I did a fix with margin
that did work
Michael Horowitz
Your Computer Consultant
http://yourcomputerconsultant.com
561-394-9079
Essential eBiz Solutions Ltd wrote:
> Hi Micheal, if you change the containing DIV to a em based height then
> adding a em value to the margin-top selector in your css would ensure it
> stays at the bottom even if the page is resized. Nice easy solution and
> makes it accessible in all browsers then.
>
> -----Original Message-----
> From: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED] On
> Behalf Of Michael Horowitz
> Sent: 29 July 2008 22:56
> To: [email protected]
> Subject: [WSG] Aligning a menu to the bottom of a div
>
> I have a horizontal menu in my header div and I would like it to be
> aligned at the bottom of my div instead of the top. I've used
> vertical-align: bottom but that isn't working
>
> #header ul li{
> float:right;
> font-size:10px;
> height: 80px;
> vertical-align: bottom;
> }
>
>
> A 2nd question originally put my height in the header element but when I
> added the #header ul li I found it stopped working so I moved it there.
> I would love any ideas why I needed to do that.
>
>
*******************************************************************
List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm
Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm
Help: [EMAIL PROTECTED]
*******************************************************************
--
No virus found in this incoming message.
Checked by AVG.
Version: 7.5.524 / Virus Database: 270.5.6/1577 - Release Date: 28/07/2008
06:55
*******************************************************************
List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm
Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm
Help: [EMAIL PROTECTED]
*******************************************************************
