SitePoint Sponsor

User Tag List

Results 1 to 4 of 4
  1. #1
    SitePoint Member
    Join Date
    Apr 2006
    Posts
    1
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)

    Precise Layout that works in all browsers

    Hi

    I want to know which layouting/grid solution is the most efficient to work with (meaning work gets done quickly). I have tried lots but all seem to have problems with one browser or the other and I seem to spend tons of time in smoothing out the problems in different browsers.

    Thanks in advance.

  2. #2
    SitePoint Mentor bronze trophy
    John_Betong's Avatar
    Join Date
    Aug 2005
    Location
    City of Angels
    Posts
    1,580
    Mentioned
    63 Post(s)
    Tagged
    3 Thread(s)
    I find that if your page validates correctly then there is very little difference between browsers.

    http://jigsaw.w3.org/css-validator/

    http://jigsaw.w3.org/css-validator/

    Does your page valid with no errors or warnings? If so can you show the web pages with the differences?

    One difference I noted is the default browser font size and font-family.

  3. #3
    Galactic Overlord gold trophysilver trophybronze trophy
    HAWK's Avatar
    Join Date
    Aug 2003
    Location
    New Zealand
    Posts
    12,322
    Mentioned
    885 Post(s)
    Tagged
    13 Thread(s)
    Hey John,
    It's wicked that you're helping out in this thread - thanks, but it's actually here in preparation for the 'Talk With The Experts' chat session next week, where Alex and Paul will talk through the issues live with the OP, so responses aren't necessary.

  4. #4
    The CSS Clinic is open silver trophybronze trophy
    Paul O'B's Avatar
    Join Date
    Jan 2003
    Location
    Hampshire UK
    Posts
    39,868
    Mentioned
    159 Post(s)
    Tagged
    4 Thread(s)
    Quote Originally Posted by vinayak View Post
    Hi

    I want to know which layouting/grid solution is the most efficient to work with (meaning work gets done quickly). I have tried lots but all seem to have problems with one browser or the other and I seem to spend tons of time in smoothing out the problems in different browsers.

    Thanks in advance.
    Unfortunately I don't use any grid systems as I find them too confusing, restrictive and bloated. But that's probably just me as others do find a use for them and will sing their praises

    I just use css on its own as it is its own grid system and doesn't really need a helping hand. The problem we see with grid layouts in the forum is that the users use them without understanding and once something goes wrong they are totally lost. In most cases you don't want to add code to your page when you don't know what it does or how to fix it when it goes wrong.

    It takes a matter of second to float two three or four columns across a layout so I don't really need a grid to tell me how to do it. If you are new to CSS then its worth taking time to look at the grid systems and understand how they work so that you can apply similar techniques in your own builds.

    Most coders do have their own sorts of grids in the way of snippets of code and structures that they commonly use and can adapt easily. (To be honest the time it takes to adapt something unless its a simple structure often takes longer than to build it in the first place. Quite often buggy layouts that we see in the forums are often easier to code again from scratch rather than to fix 800 errors.)

    If your question was about layout techniques rather than grids then we are still stuck with floats for the time being until the new css3 flexible box modules are fully supported. Also display:table is used more often now that IE6/7 usage has slipped and can be useful for equal columns.


Tags for this Thread

Bookmarks

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •