Results 1 to 10 of 10

Thread: div css .

Hybrid View

Previous Post Previous Post   Next Post Next Post
  1. #1
    Registered User
    Join Date: Jul:2010
    Location: -
    Posts: 647

    div css .

    . , , absolute , , absolute div , div-a, relative . :

    ,

    <div class="container"> divove

    <div class="main"></a> , div 50 , , div 900px

    <div class="sub-main-left">text</div>
    <div class="sub-main-right">text</div>

    main </div>

    container</div>

    css

    .sub-main-left {width:450px; position:relative;border:1px solid red;} ,
    .sub-main-right {width:450px; position:relative;border:1px solid blue;}

    , . float, margin .
    lovelife.bg - ,

  2. #2
    White awesomeness z0ne's Avatar
    Join Date: Feb:2002
    Location: o
    Posts: 13,331
    - (div), float: left, right;

  3. #3
    Registered User
    Join Date: Jul:2010
    Location: -
    Posts: 647
    ? , , float, . margin , , .
    lovelife.bg - ,

  4. #4
    Registered User genn's Avatar
    Join Date: Feb:2003
    Location:
    Posts: 1,215
    .sub_main{ border: 1px solid red; float: left; width: 450px;}

    div, :

    Code:
    <div class="sub_main">sub main 1</div>
      <div class="sub_main">sub main 2</div>
    , div, float.
    ( ) .

  5. #5
    Registered User
    Join Date: Jul:2005
    Location: Sofiq
    Posts: 2,798
    Quote Originally Posted by genn View Post
    , div, float.
    ( ) .
    . , . % , , border margin : 2 1 50% , . , css3 http://www.css3.info/preview/box-sizing/, ( IE).

  6. #6
    Registered User genn's Avatar
    Join Date: Feb:2003
    Location:
    Posts: 1,215
    Quote Originally Posted by _ShadoW_ View Post
    .
    . width " ".
    float ... div-, layout

  7. #7
    Registered User
    Join Date: Jul:2010
    Location: -
    Posts: 647
    , . 3 , , . :

    HTML Code:
    .container {width:900px;}
    .class1 {float:left;width:300px;}
    .class2 {float:left;width:300px;}
    .class3 {float:left;width:300px;}
    
    <div class="container">
    
    <div class="class1">text1</div>
    <div class="class2">text2</div>
    <div class="class3">text3</div>
    
    </div>
    
         position relative       ?        ,          ,                 .        position absolute   ?      ?
    
    shadow,   ,      .   ,        -          ,  , 5 .
    
    lovelife.bg - ,

  8. #8
    Registered User 's Avatar
    Join Date: Feb:2006
    Location:
    Posts: 653
    Quote Originally Posted by kozunaki View Post
    , . 3 , , . :

    HTML Code:
    .container {width:900px;}
    .class1 {float:left;width:300px;}
    .class2 {float:left;width:300px;}
    .class3 {float:left;width:300px;}
    
    <div class="container">
    
    <div class="class1">text1</div>
    <div class="class2">text2</div>
    <div class="class3">text3</div>
    
    </div>
    
         position relative       ?        ,          ,                 .        position absolute   ?      ?
    
    shadow,   ,      .   ,        -          ,  , 5 .
    
    div :

    HTML Code:
    <div class="container">
    	<div class="class1">text1</div>
    	<div class="class3">text3</div>
    	<div class="class2">text2</div>
    </div>
    
    .container { width: 900px; }
    .class1 { width: 300px; height: 100px; float: left; background: blue; }
    .class2 { width: 300px; height: 100px; margin: 0 auto; background: red; }
    .class3 { width: 300px; height: 100px; float: right; background: green; }
    relative , top, bottom, left, right, .

  9. #9
    Registered User
    Join Date: Jul:2005
    Location: Sofiq
    Posts: 2,798
    Code:
    .container {width:900px;position:relative;}
    .class1 {float:left;width:300px;}
    .class2 {width:300px;position:absolute; top:0; left:0; }
    .class3 {float:left;width:300px;}
    
    <div class="container">
    
    <div class="class1">text1</div>
    <div class="class2">text2</div>
    <div class="class3">text3</div>
    
    </div>
    div . position:absolute position:relative. div "" position:absolute. , top left position:relative;

  10. #10
    Registered User 's Avatar
    Join Date: Feb:2006
    Location:
    Posts: 653
    div-a, . . 1 div float: left, 1 float: right 1 margin: 0 auto, html-a .

    3 div-a top: 0, 1 left: 0, 1 left: 300px 1 right:0, .

    , , 3 div-a float: left, html-a

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 |