vitorbeltrao Posted May 28, 2006 Share Posted May 28, 2006 Can somebody help me? I would like to make a layout with three Columns. How to do that without use tables? What's the basic code (HTML/XHTML/CSS | Tableless) to make a layout like that (Below)?Thanks! Link to comment Share on other sites More sharing options...
johneva Posted May 28, 2006 Share Posted May 28, 2006 Here is a nice tutorial on how to do it. http://css.maxdesign.com.au/floatutorial/tutorial0916.htm Link to comment Share on other sites More sharing options...
vitorbeltrao Posted May 28, 2006 Author Share Posted May 28, 2006 Thank you so much! That's what I was looking for! Link to comment Share on other sites More sharing options...
johneva Posted May 28, 2006 Share Posted May 28, 2006 Sound mate. :)That site also has a lot of other good CSS tutorials too, its a very handy site to know as is A List Apart if you plan on doing lots of CSS work and like to have your sites st5andards compliant. Link to comment Share on other sites More sharing options...
vitorbeltrao Posted May 30, 2006 Author Share Posted May 30, 2006 What is Happening?I followed the tutorial example, but it fail. Check out the screenshot above. The text of middle column are invading the right column area. Why? Link to comment Share on other sites More sharing options...
scott100 Posted May 30, 2006 Share Posted May 30, 2006 (edited) These things happen, i've yet to see any css 3 column layout which works perfectly when resized.I like this one myself.http://www.alistapart.com/d/holygrail/example_3.html* maybe i have found one: http://www.webproducer.at/flexible-layout/ Edited May 30, 2006 by scott100 Link to comment Share on other sites More sharing options...
Jonas Posted May 30, 2006 Share Posted May 30, 2006 These things happen, i've yet to see any css 3 column layout which works perfectly when resized.I like this one myself.http://www.alistapart.com/d/holygrail/example_3.html* maybe i have found one: http://www.webproducer.at/flexible-layout/ <{POST_SNAPBACK}> This one looks crappy in Opera. Are you supposed to be able to scroll that far, and is it supposed to be that ugly at the bottom? http://www.webproducer.at/flexible-layout/That one on the other hand looks awesome, even on resize... [EDIT] It has a border issue in IE though. But in Opera: perfect. Link to comment Share on other sites More sharing options...
justsomeguy Posted May 30, 2006 Share Posted May 30, 2006 That second one does look good. I wouldn't say it has a border issue in IE though, other than the fact that IE makes retarded dotted borders. They look the same as dashed borders, plus a little crack or something. Link to comment Share on other sites More sharing options...
Jonas Posted May 30, 2006 Share Posted May 30, 2006 But the side borders on the middle section don't extend down to the footer. Link to comment Share on other sites More sharing options...
scott100 Posted May 30, 2006 Share Posted May 30, 2006 This one looks crappy in Opera. Are you supposed to be able to scroll that far, and is it supposed to be that ugly at the bottom?lol i see what you mean, we don't have Opera at work, but it does take the biscuitBut the side borders on the middle section don't extend down to the footer.<{POST_SNAPBACK}> What broser you talking about, i didn't notice anything wrong.Anyone else have any wicked css layouts they wish to share? Link to comment Share on other sites More sharing options...
justsomeguy Posted May 30, 2006 Share Posted May 30, 2006 But the side borders on the middle section don't extend down to the footer. I don't see that here, it looks fine to me. Maybe your IE (pronounced "AIEE!!!!") is b0rked. You didn't try to uninstall it did you? Because a guy at work tried to uninstall it himself and ended up completely ruining the rendering engine (even more ruined than it starts out as). Link to comment Share on other sites More sharing options...
Jonas Posted May 30, 2006 Share Posted May 30, 2006 I don't see that here, it looks fine to me. Maybe your IE (pronounced "AIEE!!!!") is b0rked. You didn't try to uninstall it did you? Because a guy at work tried to uninstall it himself and ended up completely ruining the rendering engine (even more ruined than it starts out as).<{POST_SNAPBACK}> No, never tried to uninstall it (just played with the thought). It actually happens when I scroll. The border gets broken up, and is partly solid, partly dotted (or dashed?) and partly missing. Link to comment Share on other sites More sharing options...
Recommended Posts
Create an account or sign in to comment
You need to be a member in order to leave a comment
Create an account
Sign up for a new account in our community. It's easy!
Register a new accountSign in
Already have an account? Sign in here.
Sign In Now