как растянуть ширину сайта

Discussion in 'CSS, HTML, Web 2.0, верстка по web-стандартам' started by diavolos, Dec 19, 2008.

  1. Offline

    diavolos Недавно здесь

    Joined:
    May 7, 2008
    Messages:
    24
    Likes Received:
    0
    Gender:
    Male
    народ я уже зарылся в этих кссах)подскажите пожалуйста я новичок в этом деле....
    где там прописана ширина вот допустим код одного шаблона...
    Код (PHP):
    1. body {
    2.     font-family: Tahoma, Verdana, sans-serif;
    3.     line-height: 1.3em;
    4.     margin: 0;
    5.     padding: 0;
    6.     font-size: 12px;
    7.     color: #000;
    8.     background: #FEFEFE url(../images/bg.jpg) top left repeat-x;
    9.     text-align: center;
    10. }
    11.  
    12. .clr {
    13.     clear: both;
    14. }
    15.  
    16. body.contentpane {
    17.     background: #FEFEFE url(../images/bg.jpg) top left repeat-x;
    18.     text-align: left;
    19. }
    20.  
    21. body.contentpane .contentpaneopen {
    22.     width: 97%;
    23. }
    24.  
    25. body.contentpane .contentpaneopen .contentheading {
    26.    
    27. }
    28.  
    29. .moduletable {
    30.     margin: 0 auto;
    31. }
    32.  
    33.  
    34. select.button {
    35.     width: auto;
    36.     padding: 0;
    37. }
    38.  
    39. td {
    40.     font-family: Tahoma, Verdana, sans-serif;
    41.     color: #000;
    42.     font-size: 11px;
    43. }
    44.  
    45. .sectiontableentry2, .sectiontableentry1 {
    46.     color: #666;
    47. }
    48.  
    49. ul {
    50.     margin: 0;
    51.     padding: 0;
    52.     list-style: none;
    53. }
    54.  
    55. li{
    56.     line-height: 20px;
    57.     padding-left: 12px;
    58.     padding-top: 0px;
    59. }
    60.  
    61. a:link, a:visited {
    62.     text-decoration: underline;
    63.     font-weight: normal;
    64.     color: #333;
    65. }
    66.  
    67. a:hover {
    68.     text-decoration: none;
    69.     font-weight: normal;
    70.     color: #000;
    71. }
    72.  
    73. p {
    74.     margin-top: 0;
    75.     margin-bottom: 5px;
    76.     text-align: justify;
    77. }
    78.  
    79. .center {
    80.     text-align: center;
    81.     margin: 10px auto 0 auto;
    82.     padding: 0;
    83.     width: 920px;
    84. }
    85.  
    86. div#wrapper {
    87.     margin: 0 auto;
    88.     width: 920px;
    89.     text-align: center;
    90.     background: url(../images/content.jpg) top center repeat-y;
    91. }
    92.  
    93. #area {
    94.     padding: 0;
    95.     margin: 0 auto;
    96.     text-align:center;
    97. }
    98.  
    99. #search form {
    100.     margin:0;
    101.     padding:0;
    102. }
    103.  
    104. #search .moduletable {
    105.     margin:0;
    106.     padding:0;
    107. }
    108.  
    109. #search .search {
    110.     width: 126px;
    111.     height: 24px;
    112.     padding: 6px 0 0 20px;
    113. }
    114.  
    115. #search .search .button {
    116.     display: none;
    117. }
    118.  
    119. #search .search .inputbox {
    120.     font-size: 11px;
    121.     background: none;
    122.     border: 0;
    123.     padding: 0;
    124.     margin:0;
    125. }
    126.  
    127. #top {
    128.     background: url(../images/top.jpg) top center no-repeat;
    129.     margin: 0 auto;
    130.     width: 970px;
    131.     height: 41px;
    132. }
    133.  
    134. #int {
    135.     width: 880px;
    136.     margin: 0 auto;
    137. }
    138.  
    139. #lpart {
    140.     float: left;
    141.     width: 590px;
    142.     padding: 0;
    143. }
    144.  
    145. #pathway {
    146.     padding: 0;
    147.     text-align: left;
    148.     height: 35px;
    149. }
    150.  
    151. span.pathway {
    152.     color: #333;
    153.     display: block;
    154.     padding: 20px 0 0 0;
    155.     font-size: 11px;
    156.     overflow: hidden;
    157.     font-size: 11px;
    158. }
    159.  
    160. span a.pathway  {
    161.     text-decoration: underline;
    162. }
    163.  
    164. #pathway span img {
    165.     height: 5px;
    166.     padding: 0 0 1px 0;
    167. }
    168.  
    169. #newsflash {
    170.     margin: 0;
    171.     float: left;
    172.     width: 290px;
    173.     padding: 10px 0 0 0;
    174.     height: 190px;
    175.     overflow: hidden;
    176. }
    177.  
    178. #newsflash th {
    179.     padding: 4px 0;
    180.     text-align: left;
    181.     color: #444;
    182.     font-size: 12px;
    183.     font-weight: bold;
    184. }
    185.  
    186. #newsflash td {
    187.     text-align: justify;
    188.     color: #444;
    189.     font-size: 12px;
    190. }
    191.  
    192. #header {
    193.     height: 219px;
    194.     background: url(../images/header.jpg) top center no-repeat;
    195.     margin: 0 auto;
    196.     width: 970px;
    197. }
    198.  
    199. .maintable {
    200.     margin: 0 auto;
    201.     width: 906px;
    202.     text-align: left;
    203. }
    204.  
    205. #sitename {
    206.     padding: 71px 0 0 0px;
    207.     text-align: left;
    208. }
    209.  
    210. #sitename p {
    211.    font-weight: normal;
    212.     font-family: Verdana, Arial, sans-serif;
    213.     font-size: 24px;
    214.     padding: 0;
    215.     margin: 0;
    216.     letter-spacing: 1px;
    217.     color: #777;
    218.     text-decoration: none;
    219.     outline: none;
    220.     line-height: 20px;
    221. }
    222.  
    223. #menucenter {
    224.     text-align: left;
    225.     margin: 0 auto;
    226.     padding: 0;
    227.     background: url(../images/menu.jpg) top center no-repeat;
    228.     width: 970px;
    229.     height: 29px;
    230. }
    231.  
    232. #menucenter .menu_m {
    233.     float: left;
    234.     padding: 0;
    235.     margin: 0;
    236. }
    237.  
    238. #topnavi{
    239. }
    240.  
    241. #topnavi ul {
    242.     margin: 0;
    243.     padding: 0 28px;
    244.     list-style: none;
    245. }
    246.  
    247. #topnavi ul li {
    248.     float: left;
    249.     margin: 0;
    250.     padding: 0;
    251.     height: 29px;
    252.     background: url(../images/menu_li.jpg) bottom right no-repeat;
    253. }
    254.  
    255. #topnavi ul li a{
    256.     font-family: Verdana, Tahoma, sans-serif;
    257.     font-size: 12px;
    258.     float: left;
    259.     display: block;
    260.     line-height: 26px;
    261.     padding: 0 10px;
    262.     color: #999;
    263.     text-decoration: none;
    264.     font-weight: normal;
    265.     text-transform: lowercase;
    266.     height: 29px;
    267. }
    268.  
    269. #topnavi ul li a:hover,#topnavi ul li a.current{
    270.     color: #666;
    271.     cursor: pointer;
    272. }
    273.  
    274. #topnavi ul li a span{
    275.  
    276. }
    277. #topnavi ul li a:hover span,#topnavi ul li a.current span {
    278.  
    279. }
    280.  
    281. #leftmenu, #rightmenu {
    282.     margin: 0;
    283.     width: 180px;
    284.     float: left;
    285.     text-align: left;
    286.     padding: 0;
    287. }
    288.  
    289. #main {
    290.     float: left;
    291.     width: 528px;
    292.     padding: 0 6px;
    293.     text-align: left;
    294. }
    295.  
    296. #main_full {
    297.     float: left;
    298.     width: 688px;
    299.     padding: 0 0 0 10px;
    300.     text-align: left;
    301. }
    302.  
    303. #content_top {
    304.     background: url(../images/content_top.jpg) top center no-repeat;
    305.     height: 27px;
    306. }
    307.  
    308. #content {
    309.     width: 900px;
    310.     margin: 0 auto;
    311.     text-align: center;
    312.     padding: 0 10px 10px 10px;
    313. }
    314.  
    315. #content_bottom {
    316.     background: url(../images/content_bottom.jpg) top center no-repeat;
    317.     height: 26px;
    318. }
    319.  
    320. #footer {
    321.     margin: 0 auto;
    322.     width: 906px;
    323.     height: 10px;
    324.     text-align: center;
    325.     vertical-align: top;
    326.     padding: 10px 0;
    327. }
    328.  
    329.  
    330. a.mainlevel:link, a.mainlevel:visited {
    331.     line-height: 20px;
    332.     padding: 0 0 0 14px;
    333.     text-decoration: none;
    334.     color: #666;
    335.     font-weight: normal;
    336.     font-size: 11px;
    337.     background: url(../images/menu_row.jpg) center left no-repeat;
    338.     margin: 0;
    339.     height: 20px;
    340.     display: block;
    341. }
    342.  
    343. a#active_menu.mainlevel:link, a#active_menu.mainlevel:visited {
    344.     color: #333;
    345. }
    346.  
    347. a#active_menu.sublevel:link, a#active_menu.sublevel:visited {
    348.     color: #333;
    349. }
    350.  
    351. a.mainlevel:hover {
    352.     background: #e9edfb url(../images/menu_row_hover.jpg) center left no-repeat;
    353. }
    354.  
    355. a.sublevel:link, a.sublevel:visited {
    356.     text-decoration: none;
    357.     color: #666;
    358.     margin: 0 0 0 -4px;
    359.     font-size: 11px;
    360.     background: url(../images/submenu_row.jpg) center left no-repeat;
    361.     font-weight: normal;
    362.     display: block;
    363.     line-height: 20px;
    364.     padding: 0 0 0 24px;
    365.     border: none;
    366.     height: 20px;
    367.     display: block;
    368.     text-align: left;
    369. }
    370.  
    371. a.sublevel:hover {
    372.     background: #e9edfb url(../images/submenu_row_hover.jpg) center left no-repeat;
    373. }
    374.  
    375. table.contentpaneopen {
    376.     margin: 2px 8px;
    377.     border-spacing: 0;
    378.     padding: 0;
    379.     border-collapse: collapse;
    380.     text-align: justify;
    381. }
    382.  
    383.  
    384. #header table.contentpaneopen {
    385.     margin: 2px 0;
    386.     border-spacing: 0;
    387.     padding: 0;
    388.     border-collapse: collapse;
    389.     text-align: justify;
    390. }
    391.  
    392. table.contentpaneopen td.contentheading {
    393.     color: #333333;
    394.     font-family: Tahoma,Arial,sans-serif;
    395.     font-size: 12px;
    396.     font-weight: bold;
    397.     padding: 0;
    398.     text-align: left;
    399.     vertical-align: middle;
    400. }
    401.  
    402. .button {
    403.     color: #333;
    404.     font-size: 10px;
    405.     border: 1px solid #555;
    406. }
    407.  
    408. .inputbox {
    409.     border: 1px solid #555;
    410.     color: #333;
    411.     padding: 2px;
    412. }
    413.  
    414. input[type="checkbox"] {
    415.     border: none;
    416. }
    417.  
    418. .copyright {
    419.     color: #555;
    420.     font-family: Tahoma, Verdana, sans-serif;
    421.     font-size: 12px;
    422.     padding: 0;
    423.     margin: 0 23px;
    424.     text-align: center;
    425. }
    426.  
    427. .back_button {
    428.     float: left;
    429.     text-align: center;
    430.     font-size: 11px;
    431.     font-weight: normal;
    432.     width: auto;
    433.     padding: 0px 10px;
    434.     line-height: 20px;
    435.     margin: 10px 0 50px 0;
    436. }
    437.  
    438. .componentheading {
    439.     height: 22px;
    440.     padding: 8px 0 0 10px;
    441.     font-family: Tahoma, Arial, sans-serif;
    442.     font-size: 14px;
    443.     margin: 0; 
    444.     text-align: left;
    445.     color: #555;
    446. }
    447.  
    448. .wrapper {
    449.     width: 670px;
    450.     height: 550px;
    451. }
    452.  
    453. .module div div div h3 {
    454.     color: #666;
    455.     font-family: Verdana, Tahoma, Arial, sans-serif;
    456.     font-size: 11px;
    457.     text-align: center;
    458.     height: 27px;
    459.     text-decoration: none;
    460.     padding: 0 5px;
    461.     background: url(../images/h3.jpg) top center no-repeat;
    462.     font-weight: normal;
    463.     line-height: 28px;
    464.     margin: 0;
    465.     text-transform: uppercase;
    466. }
    467.  
    468. .module {
    469.     padding: 0;
    470.     margin: 0;
    471. }
    472.  
    473. .module div {
    474.     padding: 0;
    475.     margin: 0 0 14px 0;
    476. }
    477.  
    478. .module div div {
    479.     margin:0;
    480.     width: 100%;
    481.     padding: 0;
    482.     background: url(../images/column_bottom.jpg) bottom center no-repeat;
    483. }
    484.  
    485. .module div div div {
    486.     margin:0;
    487.     padding: 0 0 4px 0;
    488.     background: url(../images/column_top.jpg) top center no-repeat;
    489.     text-align: center;
    490. }
    491.  
    492. .module div div div div{
    493.     border: none;
    494.     padding: 0;
    495.     margin: 0; 
    496. }
    497.  
    498. .module div div div table {
    499.     margin: 4px 0 0 0;
    500.     padding: 0 3px;
    501.     list-style: none;
    502.     background: none;
    503. }
    504.  
    505. .module div div div div {
    506.     padding: 0 0 1px 0;
    507.     background: none;
    508. }
    509.  
    510. .module div div div div.syndicate {
    511.     margin: 0;
    512.     padding: 10px 0;
    513. }
    514.  
    515. .module div div div form {
    516.     padding: 0;
    517.     margin: 0;
    518.     text-align: center;
    519. }
    520.  
    521. .module div div div form table {
    522.     padding: 0 10px;
    523.     width: 100%;
    524.     text-align: left;
    525. }
    526.  
    527. /* footer links*/
    528. a.sgfooter:link, a.sgfooter:visited {
    529.     color: #555;
    530.     font-size: 12px;
    531.     font-family: Tahoma, Verdana, sans-serif;
    532.     text-decoration: none;
    533. }
    534. a.sgfooter:hover {
    535.     color: #555;
    536.     font-family: Tahoma, Verdana, sans-serif;
    537.     text-decoration: none;
    538. }
    539. /**/
    540. /*banner*/
    541. .sgf {
    542.     font-size: 12px;
    543.     font-family: Tahoma, Verdana, sans-serif;
    544.     color: #555;
    545.     text-decoration: none;
    546. }
    547. .sgf1 {
    548.     font-size: 12px;
    549.     font-family: Tahoma, Verdana, sans-serif;
    550.     color: #555;
    551.     text-align: left;
    552. }
    553.  
    554. a.sglink:link, a.sglink:visited {
    555.     color: #FFF;
    556.     font-size: 12px;
    557.     font-family: Tahoma, Verdana, sans-serif;
    558.     text-decoration: none;
    559. }
    560. a.sglink:hover {
    561.     text-decoration: none;
    562. }
    563.  
    564. a img {
    565.     border: 0;
    566. }
    567.  
    568. .pagenav {
    569.     font-size:12px;
    570.     font-weight:normal;
    571. }
    572.  
    573. #topnavigation a.topnavigation:link, a.topnavigation:visited {
    574.     font-family: Tahoma, Verdana, sans-serif;
    575.     font-size: 10px;
    576.     font-weight: normal;
    577.     letter-spacing : 1px;
    578.     color: #fefefe;
    579.     padding-right:5px;
    580.     text-decoration:none;
    581. }
    582.  
    583. #topnavigation a.topnavigation:hover {
    584.     color: #b9f15d;
    585.     border-bottom: none;
    586.     text-decoration:none;  
    587. }
    588. #topnavigation a.topnavigation:active {
    589.     color: #51c0f5;
    590.     text-decoration:none;  
    591. }
    592.  
    593. a.toclink:link, a.toclink:visited {
    594.     line-height:normal;
    595.     font-size:11px;
    596.     font-family: Tahoma, Verdana, sans-serif;
    597.     color: #000000;
    598.     text-decoration: underline;
    599. }
    600.  
    601. a.toclink:hover {
    602.     text-decoration: none;
    603. }
    604.  
    605. table.contenttoc {
    606.     padding: 2px;
    607.     margin-left: 2px;
    608.     margin-bottom: 2px;
    609. }
    610.  
    611. table.contenttoc th {
    612.     color: #333;
    613.     text-align: left;
    614.     padding-top: 2px;
    615.     padding-left: 4px;
    616.     height: 21px;
    617.     font-weight: normal;
    618.     font-size: 11px;
    619.     text-transform: uppercase;
    620. }
    621.  
    622. .sectiontableheader {
    623.     height: 20px;
    624.     padding-right:3px;
    625.     font-weight :normal;
    626. }
    627.  
    628. table.contentpane td.contentdescription {
    629.     font-size:12px;
    630.     line-height:18px;
    631. }
    632.  
    633. table.contentpane td.componentheading {
    634.     height: 20px;
    635.     padding: 0 0 3px 0;
    636.     color: #555;
    637.     text-align: left;
    638.     padding-bottom:3px;
    639.     white-space: nowrap;
    640.     font-family: Tahoma, Verdana, sans-serif;
    641.     font-size: 14px;
    642.     font-weight: normal;
    643. }
    644.  
    645. table.contentpane td {
    646.     padding-top:1px;
    647.     padding-bottom:2px;
    648.     font-size:12px;
    649. }
    650.  
    651. table.contentpaneopen td {
    652.     line-height: 14px;
    653.     font-size: 12px;
    654. }
    655.  
    656. .height {
    657.     height: 100%;
    658. }
    659.  
    660. .small {
    661.     font-size: 10px;
    662.     color: #555;
    663.     font-weight: normal;
    664.     text-align: left;
    665. }
    666.  
    667. table.contentpaneopen td.createdate {
    668.     color: #555555;
    669.     font-size: 10px;
    670.     font-weight: normal;
    671.     height: 20px;
    672.     padding-top: 0;
    673.     vertical-align: top;
    674. }
    675.  
    676. table.contentpaneopen td.modifydate {
    677.     color: #555555;
    678.     font-size: 10px;
    679.     font-weight: normal;
    680.     height: 20px;
    681.     text-align: right;
    682.     vertical-align: bottom;
    683. }
    684.  
    685. table.contentpaneopen td a.readon{
    686.     display: block;
    687.     float: right;
    688.     line-height: 14px;
    689.     font-size: 10px;
    690.     text-decoration: none;
    691.     padding: 1px 2px 1px 2px;
    692.     color: #333;
    693. }
    694.  
    695. table.contentpaneopen td a.readon:hover{
    696.     color: #333;
    697. }
    698.  
    699. h4 {
    700.     font-size: 10px;
    701.     text-transform: uppercase;
    702. }
    703. table.contentpaneopen td.buttonheading {
    704.     }
    705.    
    706. .pagenav_next, .pagenav_prev {
    707.     font-size: 12px;
    708.     color: #666;
    709. }


    я везде менял параметры возле любого слова width: и смотрел изменения...и ничерта(((все время прихожу в тупик..подскажите пожалуйста кому не трудно..или направьте в какую сторону копать...
    Заранее благодарю....
     
    diavolos, Dec 19, 2008
    #1

  2. Ads Master

     
  3. Fanamura
    Offline

    Fanamura Доброта

    Joined:
    Mar 12, 2007
    Messages:
    5,094
    Likes Received:
    158
    Gender:
    Male
    diavolos, лучше ссылку на сайт дайте
     
    Fanamura, Dec 20, 2008
    #2
  4. Offline

    diavolos Недавно здесь

    Joined:
    May 7, 2008
    Messages:
    24
    Likes Received:
    0
    Gender:
    Male
    Проблема в том что я хочу научиться это делать в ксс...( Но если поможет адресс вот
     
    diavolos, Dec 20, 2008
    #3
  5. SanSan
    Offline

    SanSan Недавно здесь

    Joined:
    Mar 4, 2006
    Messages:
    424
    Likes Received:
    18
    Gender:
    Male
    Сайт, увы, не виден, поэтому вопрос (а может быть и подсказка): а где КОД ШАБЛОНА?
    То, что представлено выше - это CSS.
    Так может быть в шаблоне имеют место таблицы?
     
    SanSan, Dec 20, 2008
    #4
  6. Offline

    diavolos Недавно здесь

    Joined:
    May 7, 2008
    Messages:
    24
    Likes Received:
    0
    Gender:
    Male
    у вас сайт вообще не доступен??хмм..странно у меня и моих друзей все работает(((
    код шаблона вот он..но там все через дивы...
    Код (PHP):
    1. <?php
    2. defined( '_VALID_MOS' ) or die( 'Direct Access to this location is not allowed.' );
    3. // needed to seperate the ISO number from the language file constant _ISO
    4. $iso = split( '=', _ISO );
    5. // xml prolog
    6. echo '<?xml version="1.0" encoding="'. $iso[1] .'"?' .'>';
    7. ?>
    8. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    9. <html xmlns="http://www.w3.org/1999/xhtml">
    10. <head>
    11. <?php
    12. if ( $my->id ) {
    13.     initEditor();
    14. }
    15. ?>
    16. <?php mosShowHead(); ?>
    17. <meta http-equiv="Content-Type" content="text/html; <?php echo _ISO; ?>" />
    18. <?php echo "<link rel=\"stylesheet\" href=\"$GLOBALS[mosConfig_live_site]/templates/$GLOBALS[cur_template]/css/template_css.css\" type=\"text/css\"/>" ; ?>
    19.  
    20. <link rel="alternate" type="application/rss+xml" title="<?php echo $mosConfig_sitename?>" href="<?php echo $mosConfig_live_site;?>/index.php?option=com_rss&feed=RSS2.0&no_html=1" />
    21. </head>
    22.  
    23. <body>
    24.     <div id="top"></div>
    25.     <div id="header">
    26.         <div id="int">
    27.             <div id="lpart">
    28.                 <div id="pathway">
    29.                     <?php mosPathWay(); ?>
    30.                 </div>
    31.                 <div id="sitename">
    32.                     <p><?php echo $GLOBALS['mosConfig_sitename']?></p>
    33.                 </div>
    34.             </div>
    35.             <div id="newsflash">
    36.                 <?php mosLoadModules('top'); ?>
    37.             </div>
    38.         </div>
    39.     </div>
    40.     <div>
    41.         <?php include'menu.php'; ?>
    42.     </div>
    43.    
    44.     <div class="center">
    45.         <div id="wrapper">
    46.             <div id="content_top"></div>
    47.             <div id="content">
    48.        
    49.                 <div id="leftmenu">
    50.                     <?php mosLoadModules('left' , '-3'); ?>
    51.                     <? $sg = 'banner'; include "templates.php"; ?>
    52.                 </div>
    53.                
    54.                 <?php if (mosCountModules('right')){ ?>
    55.                     <div id="main">
    56.                 <? } else { ?>                 
    57.                     <div id="main_full">
    58.                 <? } ?>
    59.                 <?php mosMainBody(); ?>
    60.                 </div>
    61.                
    62.                 <div id="rightmenu">
    63.                     <?php mosLoadModules('right' , '-3'); ?>
    64.                 </div>
    65.                
    66.                 <div class="clr"></div>
    67.             </div>     
    68.         </div>
    69.         <div class="clr"></div>
    70.     </div>
    71.     <div id="content_bottom"></div>
    72.    
    73.     <div id="footer">
    74.         <p class="copyright"><? $sg = ''; include "templates.php"; ?></p>
    75.     </div> 
    76. </body>
    77. </html>
     
    diavolos, Dec 20, 2008
    #5
  7. Horazone
    Offline

    Horazone Недавно здесь

    Joined:
    Jan 11, 2009
    Messages:
    1
    Likes Received:
    0
    Я делал так:
    заходишь в /www/htdocs/templates/твой_template/css
    открываешь template_css.css:
    Код (CODE):
    1. [COLOR="Red"].bg[/COLOR] {
    2.     background: #ffffff;
    3.     [COLOR="Red"]width: 850px;[/COLOR]
    4.     height: 100%;
    5.     border-left: 1px solid #336699;
    6.     border-right: 1px solid #336699;   
    7. }
    8. [COLOR="Red"].top[/COLOR] {
    9.     background: #fff url(../images/top.jpg) no-repeat top center;
    10.     [COLOR="Red"]width: 850px;[/COLOR]
    11.     height: 200px;
    12. }
    13. [COLOR="Red"].footer_bg[/COLOR] {
    14.     background: #fff;
    15.     [COLOR="Red"]width: 850px;[/COLOR]
    16.     height: 30px;
    17.     border-left: 1px solid #336699;
    18.     border-right: 1px solid #336699;
    19.     border-bottom: 1px solid #336699;
    20. }


    Соответственно у трёх выделенных красным параметров меняешь величину. разумеется она должна быть одинаковая у всех.
     
    Horazone, Jan 11, 2009
    #6
  8. Offline

    koldakov Недавно здесь

    Joined:
    Mar 22, 2011
    Messages:
    63
    Likes Received:
    0
    Gender:
    Male
    koldakov, Dec 11, 2012
    #7
< Не могу приклеить футер к границе экрана. | Проблема с меню на CSS >

Share This Page

Loading...