[thelist] Floating DIV issues.

Fri Apr 20 02:45:54 CDT 2001

--- Mark Cheng <mark.cheng at ranger.com.au> wrote:
> You got me intrigued.  Try this - it works ok ie55
> and ns6 but you'll need
> the box model hack if you want it perfect in both:
> 
> <?xml version="1.0" encoding="UTF-8"?>
> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0
> Strict//EN"
> "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
> 
> <html xmlns="http://www.w3.org/1999/xhtml"
> xml:lang="en" lang="en">
> <head>
> 	<meta http-equiv="content-type" content="text/html;
> charset=utf-8" />
>     <title></title>
>     <meta name="author" content="" />
>     <meta name="generator" content="Pepper" />
>     <style type="text/css">
> 
> 
> 	.masthead {
> 	 position:absolute;
> 	 top:0%;
> 	 left:0%;
> 		width:100%;
> 		height:18%;
> 		background-color:#fff;
> 		color:#000000;
> 		overflow:visible;
> 			}
> 
> 	.leftContent {
> 		position: absolute;
> 		left:0%;
> 		top:18%;
> 		width:70%;
> 		background-color:#ffffff;
> 		color:#000000;
> 
> 		}
> 
> 	.leftContent p {
> 		background-color: transparent;
> 		color: #333333;
> 		line-height:130%;
> 		padding-left:75px;
> 		padding-right:5px;
> 		text-align:justify;
> 		max-width: 700px;
> 
> 	}
> 
> 	.rightContent {
> 		position: absolute;
> 		top: 18%;
> 		left: 70%;
> 		height: 100%;
> 		overflow: visible;
> 		background-color:#eeeeee;
> 		color:#000000;
> 		padding:5px;
> 
> 		}
> 
> 	body {
> 		background-color:#eee;
> 		}
> 	</style>
> 	<!-- Date:		 Thursday April 19 2001 -->
> </head>
> <body>
> 
> <div class="masthead">
> <h4>Works, except NS6</h4>
> <p>
> <p>
> <hr />
> <!--<div class="contentArea">-->
> </div>
> <!--
>     // Interesting but ultimately extraneous content
> -->
> 
> 
> 
> <div class="leftContent"><!--
> // Page content -->
> <p>Conceptualizing random endpoints in a access
> matrix provides reach
> extentions enterprise wide. Respective divisions
> historically insignificant,
> upscale trendlines in a management inventory
> analysis survivabilty format.
> </p>
> <p>Document-centric projections unfetter traditional
> auditing practices
> rivaling central process management.
> </p><q>â€œAdvanced functionality, easy
> administration, proclaim the
> hallmarks of unprecedented opportunity.</q>
> 
> <p>Iteration systemwide engenders economies of
> scale, cross-media
> technology, presentation action items and life cycle
> replication.
> </p>
> <p>Enterprise engenderment accelerates initiative
> platforms, reducing
> staffing components, integration of technical
> accessibility, resulting in
> bottom line pluralisms, benefit-wise. Incidental
> re-sizing staff
> requirements through attrition can be accelerated by
> paridigm shifts and
> focusing on core suitability and cross-training.
> </p>
> <p>Marketing teams input produce cross purposing in
> view of goal alignments
> due to knowlege paucity, necessitating workflow
> education and orientation.
> Media sourcing as an acquistion strategy is
> counterproductive in a internet
> environment i n virtual component methodology.
> Imaging through ideals rather
> than real world branding, is a perilous undertaking
> with negative results.
> Branding strategies generating motion as activity
> without reproducible
> results is a ultimately futile effort if left in
> place.
> <p></p>
> <hr /></div>
> 
> <div class="rightContent"><p>This page has <b>NO</b>
> tables.</p>
> <p>Stupid Floating Div Fix? #1: DIVS that contain a
> floating DIV don't
> expand
> to contain the floating div. In order to fix this, I
> added a DIV with
> clear:both;  inside
> the contentArea DIV. Since the contentArea DIV is
> now forced to expand to
> contain
> this empty DIV, we have what we want.</p></div>
> 
> 
> </body>
> </html>
> 
> -----Original Message-----
> From: thelist-admin at lists.evolt.org
> [mailto:thelist-admin at lists.evolt.org]On Behalf Of
> Jacob Stetser
> Sent: 20 April 2001 9:51
> To: thelist at lists.evolt.org
> Subject: RE: [thelist] Floating DIV issues.
> 
> 
> Both good ideas, and which I've tried, but:
> 
> 1) For some reason that I can't remember, I couldn't
> use this
> arrangement. I think it had to do with content
> wrapping where I
> didn't want it to. The other way, my content is
> contained. Can't
> remember exactly why I switched approaches (this is
> ALA style, by the
> way).
> 
> 2) Hmmm. Problem here is that the rightcontent DIV
> already fills 100%
> of the containing DIV. However, I'm trying to get
> the containing DIV
> to stretch to match the bottom of the floating DIV.
> 
> Thanks for your suggestions! :)
> 
> >Jake,
> >
> >A couple of ideas:
> >
> >1)  change the float so that you have a white page
> with a grey float right.
> >2)  Try min-height:100% in your .rightcontent.
> >
> >hth
> >
> 
> 
> ---------------------------------------
> For unsubscribe and other options, including
> the Tip Harvester and archive of TheList go to:
> http://lists.evolt.org Workers of the Web, evolt !
> 
> 
> This email may be confidential and contain
> commercially sensitive information.  Only the
> intended recipient may access or use it.  If you are
> not the intended recipient please delete this email
> and 
=== message truncated ===

__________________________________________________
Do You Yahoo!?
Yahoo! Auctions - buy the things you want at great prices
http://auctions.yahoo.com/