Page 1 of 1

Just started learning layout design and whoops! (inline DIV)

Posted: Fri Dec 16, 2005 11:18 am
by pilau
I was just starting to work on a layout (manually, i.e. referencing on an html page that was imageready generated), and I got stuch with this problem.
I am trying to split one row (DIV, not table!) into three columns, using "display: block" and "display: inline" (block for the row and inline for the columns).
Note that the columns will be splitted into rows and columns when I'll finish with this row, and I was wondering, when should I use inline, and when should I use the box values for the DIV display property?

Posted: Fri Dec 16, 2005 3:16 pm
by andre_c
you can't put a block element inside of an inline element

you can try using a table 8O
or using the float property and specifying heights and widths for the divs (pretty cool stuff) :D

Posted: Fri Dec 16, 2005 6:34 pm
by pilau
andre_c wrote:using the float property and specifying heights and widths for the divs (pretty cool stuff) :D
Yeah this is exactly what I needed.
Is there a way to set the height of div to expand to 100% of the page height?

Posted: Fri Dec 16, 2005 7:12 pm
by neophyte
I like to grab pre-built layouts for some this stuff. Otherwise starting from scratch can be frustrating. Here's place with basic layouts:

http://glish.com/css

Posted: Sat Dec 17, 2005 8:11 am
by pilau
That's a really nice website, thanks. However I'd like to practice creating, slicing and CSS-ing layouts on my own :)

Posted: Sat Dec 17, 2005 4:33 pm
by nigma
pilau wrote:That's a really nice website, thanks. However I'd like to practice creating, slicing and CSS-ing layouts on my own :)
In that case, this will help.