[thelist] Floating DIV issues.
sulasmin suruji
sazmin_alyin at yahoo.com
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/
More information about the thelist
mailing list