Today's Posts Follow Us On Twitter! TFL Members on Twitter  
Forum search: Advanced Search  
Navigation
Marketplace
  Members Login:
Lost password?
  Forum Statistics:
Forum Members: 24,254
Total Threads: 80,792
Total Posts: 566,471
There are 1104 users currently browsing (tf).
 
  Our Partners:
 
  TalkFreelance     Design and Development     HTML/XHTML/DHTML/CSS :

Pro's and Con's - CSS Layouts

Thread title: Pro's and Con's - CSS Layouts
Closed Thread  
Page 1 of 4 1 2 3 4 >
    Thread tools Search this thread Display Modes  
06-09-2008, 03:21 PM
#1
Ethan is offline Ethan
Ethan's Avatar
Status: I'm new around here
Join date: Sep 2006
Location: US
Expertise: html, css, photoshop
Software: photoshop, notepad, wordpress
 
Posts: 22
iTrader: 0 / 0%
 

Ethan is on a distinguished road

  Old  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
Jordan is offline Jordan
Jordan's Avatar
Status: #pugs {display: block;}
Join date: Jan 2007
Location: Chicago
Expertise: CSS, HTML, PHP
Software: Sublime Text 2
 
Posts: 1,187
iTrader: 7 / 100%
 

Jordan is on a distinguished road

  Old

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
Liam is offline Liam
Liam's Avatar
Status: Member
Join date: Dec 2007
Location: Liverpool, UK
Expertise:
Software:
 
Posts: 287
iTrader: 0 / 0%
 

Liam is on a distinguished road

Send a message via MSN to Liam

  Old

Originally Posted by jordanriane View Post
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
Jordan is offline Jordan
Jordan's Avatar
Status: #pugs {display: block;}
Join date: Jan 2007
Location: Chicago
Expertise: CSS, HTML, PHP
Software: Sublime Text 2
 
Posts: 1,187
iTrader: 7 / 100%
 

Jordan is on a distinguished road

  Old

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
Ethan is offline Ethan
Ethan's Avatar
Status: I'm new around here
Join date: Sep 2006
Location: US
Expertise: html, css, photoshop
Software: photoshop, notepad, wordpress
 
Posts: 22
iTrader: 0 / 0%
 

Ethan is on a distinguished road

  Old

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
Liam is offline Liam
Liam's Avatar
Status: Member
Join date: Dec 2007
Location: Liverpool, UK
Expertise:
Software:
 
Posts: 287
iTrader: 0 / 0%
 

Liam is on a distinguished road

Send a message via MSN to Liam

  Old

stay away from absolute positioning..

06-10-2008, 10:19 PM
#7
EL-Marcus is offline EL-Marcus
Status: I'm new around here
Join date: Jun 2008
Location:
Expertise:
Software:
 
Posts: 5
iTrader: 0 / 0%
 

EL-Marcus is on a distinguished road

  Old

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
#8
jasonm56 is offline jasonm56
jasonm56's Avatar
Status: I love this place
Join date: Jun 2007
Location: Minneapolis
Expertise: xhtml/css, jquery, php, mysql
Software:
 
Posts: 533
iTrader: 1 / 100%
 

jasonm56 is on a distinguished road

Send a message via MSN to jasonm56

  Old

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).

06-10-2008, 10:43 PM
#9
rochow is offline rochow
rochow's Avatar
Status: Member
Join date: Oct 2006
Location: Australia
Expertise:
Software:
 
Posts: 297
iTrader: 4 / 100%
 

rochow is on a distinguished road

Send a message via MSN to rochow Send a message via Skype™ to rochow

  Old

Originally Posted by Ethan View Post
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 View Post
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-11-2008, 12:06 AM
#10
MishieMoo is offline MishieMoo
MishieMoo's Avatar
Status: I'm new around here
Join date: Jun 2008
Location: New York, NY
Expertise:
Software:
 
Posts: 11
iTrader: 0 / 0%
 

MishieMoo is on a distinguished road

Send a message via AIM to MishieMoo Send a message via MSN to MishieMoo

  Old

Divs are excellent for basing a design around. They de-clutter the html on a page, and are more flexible than tables.

All my layouts are now div with linked css files. CSS also helps with cross browser compatibility, because you can have different stylesheets for different browsers, so more people can see your website the way its supposed to look.

Really, CSS is the way to go if you want to keep up in this market =)

Closed Thread  
Page 1 of 4 1 2 3 4 >


Currently Active Users Viewing This Thread: 1 (0 members and 1 guests)
 
Thread Tools
Display Modes

  Posting Rules  
Smilies are On
[IMG] code is On
HTML code is Off
Forum Jump:
 
  Contains New Posts Forum Contains New Posts   Contains No New Posts Forum Contains No New Posts   A Closed Forum Forum is Closed