Float problems? Need help on design ... Thank You

In article
<496dd609-b2e5-4357-ad97-4f7557a6fe21 (AT) f18g2000vbf (DOT) googlegroups.com>,
shapper <mdmoura (AT) gmail (DOT) com> wrote:

I've always used floats to accomplish it but this seems interesting.
Overall what is most commonly used?

You might get some idea for simple things from

<http://netweaver.com.au/floatHouse/page11.php>

and

<http://netweaver.com.au/floatHouse/page12.php>

--
dorayme

You might get some idea for simple things from

http://netweaver.com.au/floatHouse/page11.php

and

http://netweaver.com.au/floatHouse/page12.php

--
dorayme

Hi Dorayme,

As far as using floats for the layout, if I am not wrong, I follow the
options described on the site you sent me.

Consider the Head section of my Layout:
http://www.flyondreams.com/Beta/Site/Index.html

The HTML markup is:
<div class="Head">
<div class="Center">
<div class="Identity">Identity</div>
<div class="Navigation">Menu</div>
</div>
</div>

And the CSS is as follows:

div.Head {
/* background-color: #0A0A0A;
padding: 80px 0 20px;*/
text-align: center;
}

div.Head div.Center {
margin: 0 auto;
overflow: hidden;
text-align: left;
width: 920px;
}

div.Head div.Center div.Identity {
float: left;
width: 280px;
}

div.Head div.Center div.Navigation {
float: right;
width: 620px;
}

This is the steps I usually use.

For centering:
Container: text-align: center;
Contained: margin: 0 auto;

For columns:
Container: overflow: hidden;
(I have been using overflow instead of adding clear tags everywhere)
Contained: float: left; (Or float: right
( I also set the container and contained div's width)

This has been working for me ... Is this wrong?

And should I use the method described in
http://matthewjamestaylor.com/blog/ultimate-2-column-left-menu-ems.htm

My only problem happened now because sometimes the menu is broken.
I think my layout styles are in some way interfering with the many
styles.
But I can't spot the problem ...

As you can see in, if you go to Projects:
http://www.flyondreams.com/Beta/Site/Index.html

Thank You,
Miguel

In article
<12608afa-6047-4e93-a866-2ed5049e32db (AT) z19g2000vbz (DOT) googlegroups.com>,
shapper <mdmoura (AT) gmail (DOT) com> wrote:

You might get some idea for simple things from

http://netweaver.com.au/floatHouse/page11.php

and

http://netweaver.com.au/floatHouse/page12.php

--
dorayme

Hi Dorayme,

As far as using floats for the layout, if I am not wrong, I follow the
options described on the site you sent me.

Consider the Head section of my Layout:
http://www.flyondreams.com/Beta/Site/Index.html

I don't know, mine looks so much simpler? Maybe too early in the
morning? <g>

Make a URL of the essentials, why bother with things like:

div.Head div.Center div.Identity {

when

div.Identity {...

or even

..Identity {...

will do? Keep things as simple as possible at all times.

width: 920px; is too big for websites for almost any column and you are
perhaps not seeing things by having such large widths. Best to try to
not have widths for right columns, let them take up remaining space...

This is the steps I usually use.

For centering:
Container: text-align: center;
Contained: margin: 0 auto;

I don't know what you are understanding here. text-align centres inline

content,the margin: auto together with width specification, centres
blocks in their containers.

<http://netweaver.com.au/centring/>

For columns:
Container: overflow: hidden;
(I have been using overflow instead of adding clear tags everywhere)
....

Know that overflow does not work for IE6 and a clearing element is
usually the fix for that browser. I think you will find this information
in floatHouse.

And should I use the method described in
http://matthewjamestaylor.com/blog/ultimate-2-column-left-menu-ems.htm

Obviously, you could do worse than follow this competent design. I would

say for you to keep very simple till you feel you can better work with
more complicated templates.

--
dorayme