[css-d] Flabergasted with float: left;

[Robert Reed]

I've been working on a project for a client that involves using percentages
for column widths and the like, since the target audience is people whom may
not be computer savvy.  I initially started doing the design with absolute
positioning and had it looking perfect, but after attempting to accomodate
the 800x600 resolution, it fell apart.

I have the page looking close to what it's supposed to look like in
FF2/Opera9, but IE insists that div#main needs to sit below div#infobar.
The only quirk in FF2/Opera 9 is that there's overlap that won't go away.
regardless of pushing the left: percentage over.  changing margin-left:
drops the div to the bottom akin to IE.

I've attempted some tutorials and haven't been able to replicate similar
success.

I'm trying to avoid fixed positioning due to the larger 800x600 demographic,
while making the page look right in the higher resolutions.

The page: http://atma.whatnet.org/zp1
The css: http://atma.whatnet.org/zp1/main.css

Insight would be eternally welcome :)

-- 
Robert Reed (neoatmaweapon.at.gmail.com)
---
"We don't see things as they are. We see things as we are."
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7b2 testing hub -- http://css-discuss.incutio.com/?page=IE7
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Re: [css-d] Flabergasted with float: left;

[~davidLaakso]

Robert Reed wrote:
> I've been working on a project for a client that involves using percentages
> for column widths and the like, since the target audience is people whom may
> not be computer savvy.
Not sure what you mean?
>   I initially started doing the design with absolute
> positioning and had it looking perfect, but after attempting to accomodate
> the 800x600 resolution, it fell apart.
>   
Maybe you should just start with a layout that is known to work cross 
browser.
This one, or one of the others on that site, might work for you:

FWIW, IE does not support min/max width. For the time being, why not 
just abandon that until you have more experience?
Use a known to work  navigation list-- no spacer gifs and br tags are 
need. See the three /simple/ vertical lists at the top of this page:

[...]
>
> The page: http://atma.whatnet.org/zp1
> The css: http://atma.whatnet.org/zp1/main.css
>
> Insight would be eternally welcome :)
>   
Best,
~dL
PS You'll live to regret the language you are using in your files if you 
don't get rid of it.

-- 
http://chelseacreekstudio.com/

__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7b2 testing hub -- http://css-discuss.incutio.com/?page=IE7
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Re: [css-d] Flabergasted with float: left;

[Kenny Graham]

Try not floating #main and giving it a left margin:

#main {
  border-top: 2px solid #66;
  border-left: 2px solid #66;
  border-bottom: 2px solid #66;
  width: 80%;
  margin-right: 5%;
  margin-left: 15%;
  padding: 5px;
}

quick and dirty remake incase that doesnt work:
http://www.kennygraham.net/wsg_cssd/zpo.html
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7b2 testing hub -- http://css-discuss.incutio.com/?page=IE7
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/