[prev in list] [next in list] [prev in thread] [next in thread] 

List:       web4lib
Subject:    [WEB4LIB] Using CSS to control the height of an inline DIV element
From:       jrounds () lib ! uchicago ! edu (Justin Rounds)
Date:       2004-08-27 10:31:48
Message-ID: 412F45D4.20107 () lib ! uchicago ! edu
[Download RAW message or body]

Try either of the following instead of using "display:inline":

	div.foo {
		position: absolute;
		right: 0px;
		width: 25%;
		height: 100%;
	}

or

	div.foo {
		float: right;
		width: 25%;
		height: 100%;
	}

I am currently unable to test these on a Mac, but the latest versions of 
Mozilla and IE on Windows work. One thing I'm pretty sure of is that on 
the Mac version of IE this *won't* work unless you run it in bugs-mode 
via doc-type switching (since for some odd reason the browser window is 
not considered a container).

-------------------------------------------
Justin Rounds
Graphic Design and Digital Media Specialist
Digital Library Development Center
University of Chicago
1100 E. 57th St.
Chicago, Illinois 60637
(773)702-4391
-------------------------------------------


John Fitzgibbon wrote:
> Hi,
> 
> I have created a DIV element which occupies the right 25 percent of the computer \
> screen. To do this I have declared its display property to be inline rather than \
> block. Because it is inline I can't control its height with the height property; \
> the height of an inline element is determined by its content. I wish the element to \
> be at least 100% of the screens height. 
> Any ideas would be much appreciated.
> 
> Regards
> John
> ************************************************
> This e-mail and any attachment contain information 
> which is private and confidential and is intended 
> for the addressee only.  If you are not an addressee, 
> you are not authorised to read, copy or use the e-mail 
> or any attachment.  If you have received this e-mail in error,
> please notify the sender by return e-mail and then destroy it.
> **************************************************************
> 
> #####################################################################################
>  
> This email has been scanned by MailMarshal, an email content filter. 
> Hosted by Galway County Council   
> #####################################################################################
>  


[prev in list] [next in list] [prev in thread] [next in thread] 

Configure | About | News | Add a list | Sponsored by KoreLogic