|
|
|
|
Thread title: Pro's and Con's - CSS Layouts |
|
|
|
|
|
Thread tools
Search this thread
Display Modes
|
|
06-09-2008, 03:21 PM
|
#1
|
Status: I'm new around here
Join date: Sep 2006
Location: US
Expertise: html, css, photoshop
Software: photoshop, notepad, wordpress
Posts: 22
|
Pro's and Con's - CSS Layouts
I've recently held a discussion on the pro's and con's of using CSS almost totally to organize and manipulate web layouts. You see, I built a practice layout using as little html as possible and having it driven by as much CSS as possible to see what I accomplish. But as usual, I had complications (in which I eventually got around) in firefox, such as padding issues.
Anyway, I figured I would create this topic to get some pointers as to what you all would say are pro's and con's (con's probably being the more important to know for sure what weaknesses these kinds of layouts will have) are of using majorily CSS-driven websites.
|
|
06-09-2008, 04:10 PM
|
#2
|
Status: #pugs {display: block;}
Join date: Jan 2007
Location: Chicago
Expertise: CSS, HTML, PHP
Software: Sublime Text 2
Posts: 1,187
|
Honestly, you really shouldn't have any problems with padding/margin, so long as you realize a few things. With Firefox, padding is on the inside of the div, and margin is on the outside of the div. This is not the case with IE.
I have a layout I'm working on right now that uses margins/padding, and it's the same in IE/FF, and I had no problems at all.
Honestly, the only cons you'll have with CSS will be VERY little and that's when it comes to making sure it's cross browser compatible with older versions of IE (5/6.)
|
|
06-09-2008, 08:04 PM
|
#3
|
Status: Member
Join date: Dec 2007
Location: Liverpool, UK
Expertise:
Software:
Posts: 287
|
Originally Posted by jordanriane
Honestly, you really shouldn't have any problems with padding/margin, so long as you realize a few things. With Firefox, padding is on the inside of the div, and margin is on the outside of the div. This is not the case with IE.
|
thats not right.
Margin is between block elements, padding is inside block elements in all browsers.
|
|
06-09-2008, 08:18 PM
|
#4
|
Status: #pugs {display: block;}
Join date: Jan 2007
Location: Chicago
Expertise: CSS, HTML, PHP
Software: Sublime Text 2
Posts: 1,187
|
Actually, in IE the margin (and border) is inside the box. Just like I pretty much said in my original post.
|
|
06-09-2008, 08:39 PM
|
#5
|
Status: I'm new around here
Join date: Sep 2006
Location: US
Expertise: html, css, photoshop
Software: photoshop, notepad, wordpress
Posts: 22
|
Well so far, I have realized something, and that would be that things like divs controlled by css is great for manipulating sections of a layout, but in many instances isn't the best for layout organizing. From my experience, I still get easier and more functional and cross browser compatibility with tables when it comes to organizing my layouts. Of course the instances I'm talking about usually pertains to any instance where you are using things like absolute positioning on divs. But divs are excellent for almost all other things.
|
|
06-10-2008, 09:41 PM
|
#6
|
Status: Member
Join date: Dec 2007
Location: Liverpool, UK
Expertise:
Software:
Posts: 287
|
stay away from absolute positioning..
|
|
06-10-2008, 10:43 PM
|
#7
|
Status: Member
Join date: Oct 2006
Location: Australia
Expertise:
Software:
Posts: 297
|
Originally Posted by Ethan
Well so far, I have realized something, and that would be that things like divs controlled by css is great for manipulating sections of a layout, but in many instances isn't the best for layout organizing. From my experience, I still get easier and more functional and cross browser compatibility with tables when it comes to organizing my layouts. Of course the instances I'm talking about usually pertains to any instance where you are using things like absolute positioning on divs. But divs are excellent for almost all other things.
|
Originally Posted by Liam
stay away from absolute positioning..
|
What Liam said - never use absolute positioning unless you have to. It makes sites harder to modify as if you change the height of something for example, then rest of the site doesnt adjust like it would if floats were used.
|
|
06-13-2008, 05:40 AM
|
#8
|
Status: Waving
Join date: Aug 2005
Location:
Expertise:
Software:
Posts: 2,694
|
Originally Posted by Liam
stay away from absolute positioning..
|
There is nothing wrong with absolute positioning if you use it for the right reasons, and or know how to use it.
As with rochow said, its not really used for whole layouts, but is very useful.
|
|
06-10-2008, 10:19 PM
|
#9
|
Status: I'm new around here
Join date: Jun 2008
Location:
Expertise:
Software:
Posts: 5
|
I always use CSS/XHTML for my designs. It's good for SEO purposes and it loads a lot faster on browsers.
|
|
06-10-2008, 10:41 PM
|
#10
|
Status: I love this place
Join date: Jun 2007
Location: Minneapolis
Expertise: xhtml/css, jquery, php, mysql
Software:
Posts: 533
|
I like css, because its sooo easy to make blogs with any you can always change it. I dont like it, because sometimes it gets me too confused(im just starting to get into programming, so i can design and code).
|
|
|
|
|
|
|
|
Currently Active Users Viewing This Thread: 1 (0 members and 1 guests)
|
|
|
|