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

JavaScript and client side scripting.

Moderator: General Moderators

Post Reply
pilau
Forum Regular
Posts: 594
Joined: Sat Jul 09, 2005 10:22 am
Location: Israel

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

Post 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?
User avatar
andre_c
Forum Contributor
Posts: 412
Joined: Sun Feb 29, 2004 6:49 pm
Location: Salt Lake City, Utah

Post 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
pilau
Forum Regular
Posts: 594
Joined: Sat Jul 09, 2005 10:22 am
Location: Israel

Post 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?
User avatar
neophyte
DevNet Resident
Posts: 1537
Joined: Tue Jan 20, 2004 4:58 pm
Location: Minnesota

Post 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
pilau
Forum Regular
Posts: 594
Joined: Sat Jul 09, 2005 10:22 am
Location: Israel

Post by pilau »

That's a really nice website, thanks. However I'd like to practice creating, slicing and CSS-ing layouts on my own :)
User avatar
nigma
DevNet Resident
Posts: 1094
Joined: Sat Jan 25, 2003 1:49 am

Post 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.
Post Reply