Results 1 to 13 of 13

Thread: HTML, CSS div

Hybrid View

Previous Post Previous Post   Next Post Next Post
  1. #1
    Registered User
    Join Date: Apr:2011
    Location: sofia
    Posts: 29

    HTML, CSS div

    ,

    , Div .

    http://softvision.net76.net/rusehorse/site2/ wrapper . header , , .

  2. #2
    Registered User
    Join Date: May:2011
    Location: BG
    Posts: 7
    , ?
    div- 980px.
    , .

  3. #3
    Registered User
    Join Date: Apr:2011
    Location: sofia
    Posts: 29
    wrappera

  4. #4
    Registered User PlamenPenchev's Avatar
    Join Date: Mar:2009
    Location: -
    Posts: 627
    , , .. repeat-y?

    .. : , <div> ?

  5. #5
    Registered User
    Join Date: Apr:2011
    Location: sofia
    Posts: 29
    Quote Originally Posted by PlamenPenchev View Post
    , , .. repeat-y?

    .. : , <div> ?
    100% .

    --------- 21:10 --------- : 21:08 ---------

    footera wirdh 100% .

  6. #6
    Registered User PlamenPenchev's Avatar
    Join Date: Mar:2009
    Location: -
    Posts: 627
    ( ):
    Code:
    <div id="main">
      <div id="loginform">
      </div>
      <div id="content">
      </div>
    </div>
    .

  7. #7
    Registered User genn's Avatar
    Join Date: Feb:2003
    Location:
    Posts: 1,215
    , div .
    ( id=main ) . </div> </body>.

    :
    1. , .
    2. :
    http://validator.w3.org/check?uri=ht...Inline&group=0
    3. ...


  8. #8
    Registered User
    Join Date: Jul:2005
    Location: Sofiq
    Posts: 2,798
    left-col, float:left clear, "" .



    Click image for larger version. 

Name:	clear.jpg 
Views:	257 
Size:	203.5 KB 
ID:	39529

  9. #9
    Registered User
    Join Date: Apr:2011
    Location: sofia
    Posts: 29
    Quote Originally Posted by genn View Post

    3. ...



    --------- 09:52 --------- : 09:48 ---------

    Quote Originally Posted by genn View Post
    , div .
    ( id=main ) . </div> </body>.

    :
    1. , .
    2. :
    http://validator.w3.org/check?uri=ht...Inline&group=0
    3. ...


    div.main , backgroundovete _ShadiwW_

    --------- 10:04 --------- : 09:52 ---------

    Quote Originally Posted by _ShadoW_ View Post
    left-col, float:left clear, "" .



    Click image for larger version. 

Name:	clear.jpg 
Views:	257 
Size:	203.5 KB 
ID:	39529
    clear: both; , , .

  10. #10
    Registered User genn's Avatar
    Join Date: Feb:2003
    Location:
    Posts: 1,215
    Quote Originally Posted by sharebay View Post
    div.main , backgroundovete _ShadiwW_
    , ?
    , , div , "" .
    ...
    </div>.
    ,

  11. #11
    Registered User
    Join Date: Apr:2011
    Location: sofia
    Posts: 29
    Quote Originally Posted by genn View Post
    , ?
    , , div , "" .
    ...
    </div>.
    ,


    --------- 19:53 --------- : 18:33 ---------

    http://www.quirksmode.org/css/clearing.htmlhttp://www.quirksmode.org/css/clearing.html ,

    --------- 20:18 --------- : 19:53 ---------

    fix-a
    The new solution

    It was Alex Walker who first posted a new, simpler solution, though he gives the credits for actually inventing it to Paul O'Brien. In any case, the solution seems to be:

    div.container {
    border: 1px solid #000000;
    overflow: auto;
    width: 100%
    }

    The width is necessary to trigger "hasLayout" in Explorer Windows (except for 7). This works:
    , left-col right-col css-a overflow: auto;
    width: 100% .

    .

  12. #12
    Registered User
    Join Date: Jul:2005
    Location: Sofiq
    Posts: 2,798
    :

    Code:
    <div id="wraper">
        <div id="spacer"></div>
        <div id="header"></div>
        <div id="left-col"></div>
        <div style="clear:both;"></div>
    </div>

  13. #13
    Registered User
    Join Date: Jul:2005
    Location: Sofiq
    Posts: 2,798
    "" :

    The tricky bits

    A few points merit extra attention:

    The trick works with three of the four overflow values: auto, hidden and scroll. Of course, using the last value will show scrollbars, regardless of whether they're needed or not.
    Some browsers also need a width or height for the container div.
    The browser may show scrollbars when the content escapes beyond the specified width.
    : widht:100% , .


    clear:both. :

    Code:
    .clear {
    	display: block;
    	clear: both;
    	height: 0;
    	padding: 0;
    	margin: 0;
    	font-size: 0;
    }
    Click image for larger version. 

Name:	bagnq.jpg 
Views:	205 
Size:	185.0 KB 
ID:	39580

Posting Permissions

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

Copyright © 1999-2011 . .
iskamPC.com | mobility.BG | Bloody's Techblog | | 3D Vision Blog |