Div coding help [+rep]

[Soy]

For the past three days iv'e been trying to code my layout in divs,

No good as of yet.

Anyway, i would like to see how all you coders position the divs etc, so i can figure out what i am doing wrong and what i need to include.

So if you have any old coded layout that you don't need could i please borrow it for educational purposes?

+rep for those who do

[BuaxDesigns]

I suggest you read some tutorials about DIVS etc.
http://www.w3schools.com/tags/tag_DIV.asp
http://www.yourhtmlsource.com/stylesheets/csslayout.html
http://www.wmtips.com/CSS/replace-tables-with-divs-css-609.htm

I postition my divs like this:


{position: choice; top: 0px; bottom: 0px; left: 0px; right: 0px; }


Stole off one of the tutorials listed above; But still, that's how I do it, unsure on other days to do it, but I'm sure their are some. :)

Good luck learning DIV coding. :)

[Tomathey]

Most of the time I use float: left; because most of my layouts have 3 columns.

I can't really explain it, but just read up on positioning divs ect. I didn't use any tutorials, I had to teach myself, but thats what I would suggest. :)

[Jxhn]

If it's for a layout then you probably need to use "float: left;" and "float: right;".

[Meti]

I do this:

float: left; - This is for making it float to the lft (Using alot)


float: right; - This is for making it float to the right (Ain't using it alot)


margin: auto; - This is for centering the things

[Decode]

I suggest you read some tutorials about DIVS etc.
http://www.w3schools.com/tags/tag_DIV.asp
http://www.yourhtmlsource.com/stylesheets/csslayout.html
http://www.wmtips.com/CSS/replace-tables-with-divs-css-609.htm

I postition my divs like this:


{position: choice; top: 0px; bottom: 0px; left: 0px; right: 0px; }
Stole off one of the tutorials listed above; But still, that's how I do it, unsure on other days to do it, but I'm sure their are some. :)

Good luck learning DIV coding. :)
I would not recommend using that method as you can't do expanding divs.

The best way to do it is to make a container div, then make 3 divs inside it all floating left (to get 3 columns). Never use float: right!