[RESOLVED] Is there a css forum somewhere that is comparable in quality to phpbuilder?
Results 1 to 10 of 10

Thread: [RESOLVED] Is there a css forum somewhere that is comparable in quality to phpbuilder?

  1. #1
    Senior Member Joseph Sliker's Avatar
    Join Date
    Dec 2002
    Location
    Milwaukee
    Posts
    411

    resolved [RESOLVED] Is there a css forum somewhere that is comparable in quality to phpbuilder?

    Hi; Thanks to the many helpful people here I've gotten pretty comfortable working with .php and mysql.

    NOW I am feeling brave enough to consider abandoning some of my longstanding antiquated/inefficient page models that are typically based on html <frame> tags (can you believe it?) with a left menu bar frame and a right content frame each containing fully-coded pages.

    I understand the <frame> tag is abandonded in html5 and I am trying to work in ways that will be more compatible with a wider array of current browsers.

    So my current issue is this (and I know it is a css question, hence the title of the post/but if you have any quick/obvious tips, that's fine with me):
    I've created a functional single page with css-defined <div>s for a fixed left menu column (150px wide) and a larger (remaining width) right-side <div> for content and I actually seem to understand how I can use this BUT I am trying to comprehend how to make the content area behave properly: I can't seem to limit the right-side width as easily as I could with <frame> tags. The content of the right <div> often spills over beyond the right edge of the screen, and opens the horizontal browser bar...which works, but slides the content back over the menu bar, which will of course be very confusing and unimpressive for my site users.

    How does one control the right <div> area so that content can flow (and be scrolled) DOWN, but is restricted to the right edge of the left menu div and the remaining width of the browser window? (MUST I restrict it to specific pixel widths or percentages?...I'd like to keep the menu narrow and off to the far left side)
    Last edited by Joseph Sliker; 02-18-2013 at 01:04 PM. Reason: left something out.
    "The lazy man will find the best way."

  2. #2
    Pedantic Curmudgeon Weedpacket's Avatar
    Join Date
    Aug 2002
    Location
    General Systems Vehicle "Thrilled To Be Here"
    Posts
    21,883
    I haven't looked too deeply at it, but http://csscreator.com/forum has been going for a good while.
    THERE IS AS YET INSUFFICIENT DATA FOR A MEANINGFUL ANSWER
    FAQs! FAQs! FAQs! Most forums have them!
    Search - Debugging 101 - Collected Solutions - General Guidelines - Getting help at all

  3. #3
    High Energy Magic Dept. NogDog's Avatar
    Join Date
    Aug 2006
    Location
    Ankh-Morpork
    Posts
    13,940
    www.webdeveloper.com is a sister site of this one, and has an active CSS forum (as well as HTML and JavaScript, too)
    Please give us a simple answer, so that we don't have to think, because if we think, we might find answers that don't fit the way we want the world to be." ~ from Nation, by Terry Pratchett

    "But the main reason that any programmer learning any new language thinks the new language is SO much better than the old one is because hes a better programmer now!" ~ http://www.oreillynet.com/ruby/blog/...ck_to_p_1.html


    eBookworm.us

  4. #4
    Senior Member traq's Avatar
    Join Date
    Jun 2011
    Location
    so.Cal
    Posts
    949
    There's a decent CSS community at dynamicdrive.com also.

  5. #5
    Senior Member Joseph Sliker's Avatar
    Join Date
    Dec 2002
    Location
    Milwaukee
    Posts
    411
    Thanks very much for the replies. I will look into those sites.
    "The lazy man will find the best way."

  6. #6
    Senior Member Derokorian's Avatar
    Join Date
    Apr 2011
    Location
    Denver
    Posts
    1,782
    Quote Originally Posted by Joseph Sliker View Post
    How does one control the right <div> area so that content can flow (and be scrolled) DOWN, but is restricted to the right edge of the left menu div and the remaining width of the browser window? (MUST I restrict it to specific pixel widths or percentages?...I'd like to keep the menu narrow and off to the far left side)
    YOu could do this through CSS with a fixed width and/or height, and overflow: auto which will only show the scrollbar if there's something to scroll to.
    Sadly, nobody codes for anyone on this forum. People taste your dishes and tell you what is missing, but they don't cook for you. ~anoopmail
    I'd rather be a comma, then a full stop.
    User Authentication in PHP with MySQLi - Don't forget to mark threads resolved - MySQL(i) warning

  7. #7
    Senior Member Joseph Sliker's Avatar
    Join Date
    Dec 2002
    Location
    Milwaukee
    Posts
    411
    Thanks for that: I have been trying that but I am not yet familiar with all the different css dimensions and their possible values/how they work. I'd LIKE to have the width of the right column <div> use as much space is available on the user's end rather than have to limit the area to a fixed width. (A right <frame> does this perfectly and keeps all content completely off of the left menu bar, contained in its own frame). css looks like a very useful bunch of stuff: but so far I only grasp a few fragments and am trying to reconcile it against the (often obsolete) stuff that I already know. Ah well, learning new stuff is fun...when you have time to do it.
    "The lazy man will find the best way."

  8. #8
    Pedantic Curmudgeon Weedpacket's Avatar
    Join Date
    Aug 2002
    Location
    General Systems Vehicle "Thrilled To Be Here"
    Posts
    21,883
    Quote Originally Posted by Joseph Sliker
    (MUST I restrict it to specific pixel widths or percentages?...I'd like to keep the menu narrow and off to the far left side)
    You can use any length unit (that the browser supports) - some are absolute (based either on the size of a pixel or on physical units of measure) and some are relative to the font size, and of course percentages.

    Oh, and there is also "auto" where the layout engine goes through a lot of mucking around to compute a value. If your <div> hasn't been floated out of the normal flow, "width:auto" would see the layout engine taking the width of the containing block, subtracting the sizes of your <div>'s left/right margins/borders/padding from it, and using what's left as the <div>'s width.

    https://developer.mozilla.org/en-US/docs/CSS/length

    Quote Originally Posted by Joseph Sliker
    I'd LIKE to have the width of the right column <div> use as much space is available on the user's end rather than have to limit the area to a fixed width.
    Sounds like what you want to limit is width of the left column, and leave the right column to fill the rest.

    I happened to need a quick layout yesterday and stumbled across a few hundred of the things.
    Last edited by Weedpacket; 02-19-2013 at 03:26 PM.
    THERE IS AS YET INSUFFICIENT DATA FOR A MEANINGFUL ANSWER
    FAQs! FAQs! FAQs! Most forums have them!
    Search - Debugging 101 - Collected Solutions - General Guidelines - Getting help at all

  9. #9
    Senior Member
    Join Date
    Oct 2005
    Location
    Chicago, IL
    Posts
    428
    Just a quick addition.... Chris Coyier over at css-tricks.com has a great site going.
    Bob Lob Law

  10. #10
    Senior Member Joseph Sliker's Avatar
    Join Date
    Dec 2002
    Location
    Milwaukee
    Posts
    411
    Weedpacket: That website with all those layouts is great! Found one that appears to do exactly what I need:

    http://www.dynamicdrive.com/style/la...-frame-layout/

    However, earlier in the day I learned about the z-index property in css: this allowed me to to create my left menu column in a <div> with an opaque background, and giving it a higher z-index than other <div>s ensures that it remains forward-most in the display, so when necessary the somtimes too-wide content of the right "pane" can slide BEHIND the menu, not obscuring it. The effect appears to be just the same as the more "correct" way used in the link above. (which I will try anyway and see if I can understand why one might be better than the other.)

    here is the relevant .css code I came up for my left and right <div> "panes" if anyone is interested:

    div.leftcontent {
    background:#ffffcc;
    height: 800px;
    width: 150px;
    border: 0px #ffffcc;
    position:fixed ;
    word-wrap: break-word;
    margin-top: 0px ;
    margin-left: -10px ;
    line-height: 1.3em ;
    text-align: center ;
    z-index:10;
    }

    div.rightcontent {
    background:#ffffcc;
    height: auto;
    width: auto;
    border: 0px #ffffcc;
    position: absolute ;
    word-wrap: break-word;
    margin-top: 0px ;
    margin-left: 150px ;
    margin-right: 0 ;
    line-height: 1.3em ;
    padding-right: 0.5em ;
    z-index:0;
    }

    Thanks again, all.
    Last edited by Joseph Sliker; 02-19-2013 at 11:09 PM. Reason: typos
    "The lazy man will find the best way."

Thread Information

Users Browsing this Thread

There are currently 1 users browsing this thread. (0 members and 1 guests)

Posting Permissions

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