CSS Layout ??!??

coda4064 · 13-05-2004, 07:23 AM

Ok,

I'm trying to figure out pure CSS layouts. I'm having a hell of a time finding a good source of info. I've seen plenty of tutorials, but they either expect you to know everything or nothing at all. You know of any good middle of the road sources to CSS Layout? Let me know.

This is the layout I'm trying to produce. I can do this sooooo easy with tables, but I'm trying to grow...haha. Since I hear you guys say that CSS is the way to go, maybe you can help me out. A test.....maybe, only if you have as much trouble with this as I have have

Thanks guys.

tyrsal · 13-05-2004, 11:39 AM

ah thats super easy. my suggestion: use absolute positioning with divs. and you'll be all set to go.

look through the positioning tutorials at http://cssvault.com

coda4064 · 14-05-2004, 04:00 AM

Ah, while you say that it is super easy, I tend to think not. I have looked around a lot at different CSS sites and can't say that I have seen a site with this layout. The far right DIV extending up past the header DIV. With the exception of ESPN.com, but I'm not advanced enough to figure out their code just yet. All the layouts that I see have the header DIV extended across all colums or is non-existant.

Now, I'm sure there are some out there. I just haven't noticed them, or realized they were created with CSS instead of tables. I think that the majority of CSS layout all look quite similar. They have the "blog" section, and a link section to the left or right of it.

I belive in standards, but I'm still not sold on the power of CSS layouts. I know this will change in the future, possibly in the near future. Hell, I might come around tomorrow, but I need more proof in the layout possibilities.

Again, any links or resources that can show me wrong are definetly apreciated.

iAmGen3ric · 14-05-2004, 05:10 AM

www.alistapart.com

tyrsal · 14-05-2004, 11:47 AM

http://www.cssvault.com/cat_positioning.php
and
http://www.w3schools.com/css/css_positioning.asp

those should tell you what you need to know to figure out how to do it. as i said, I could do thta layout, though you may not think it possible with your knowledge right now. IMO, the best way to figure it out is to experiment with it, and then ask questions on how to do certain things.

Also, if you wish, look through the code of my website http://contheory.com and my blog http://ceasefire.contheory.com

that should help a bit.

13-05-2004, 07:23 AM	#1 (permalink)
coda4064 Junior Member Join Date: Apr 2004 Posts: 5	CSS Layout ??!?? Ok, I'm trying to figure out pure CSS layouts. I'm having a hell of a time finding a good source of info. I've seen plenty of tutorials, but they either expect you to know everything or nothing at all. You know of any good middle of the road sources to CSS Layout? Let me know. This is the layout I'm trying to produce. I can do this sooooo easy with tables, but I'm trying to grow...haha. Since I hear you guys say that CSS is the way to go, maybe you can help me out. A test.....maybe, only if you have as much trouble with this as I have have Thanks guys. Attached Images

Thread Tools
Show Printable Version Email this Page
Display Modes
Linear Mode Switch to Hybrid Mode Switch to Threaded Mode

13-05-2004, 11:39 AM	#2 (permalink)
tyrsal Member Join Date: Mar 2004 Posts: 59	ah thats super easy. my suggestion: use absolute positioning with divs. and you'll be all set to go. look through the positioning tutorials at http://cssvault.com

14-05-2004, 04:00 AM	#3 (permalink)
coda4064 Junior Member Join Date: Apr 2004 Posts: 5	Ah, while you say that it is super easy, I tend to think not. I have looked around a lot at different CSS sites and can't say that I have seen a site with this layout. The far right DIV extending up past the header DIV. With the exception of ESPN.com, but I'm not advanced enough to figure out their code just yet. All the layouts that I see have the header DIV extended across all colums or is non-existant. Now, I'm sure there are some out there. I just haven't noticed them, or realized they were created with CSS instead of tables. I think that the majority of CSS layout all look quite similar. They have the "blog" section, and a link section to the left or right of it. I belive in standards, but I'm still not sold on the power of CSS layouts. I know this will change in the future, possibly in the near future. Hell, I might come around tomorrow, but I need more proof in the layout possibilities. Again, any links or resources that can show me wrong are definetly apreciated.

14-05-2004, 05:10 AM	#4 (permalink)
iAmGen3ric Senior Member Join Date: Apr 2004 Posts: 175	www.alistapart.com

14-05-2004, 11:47 AM	#5 (permalink)
tyrsal Member Join Date: Mar 2004 Posts: 59	http://www.cssvault.com/cat_positioning.php and http://www.w3schools.com/css/css_positioning.asp those should tell you what you need to know to figure out how to do it. as i said, I could do thta layout, though you may not think it possible with your knowledge right now. IMO, the best way to figure it out is to experiment with it, and then ask questions on how to do certain things. Also, if you wish, look through the code of my website http://contheory.com and my blog http://ceasefire.contheory.com that should help a bit.