ширина столбцов в теме wp
-
Добрый,
Помогите разобраться с шириной столбцов в шаблоне wordpress
В коде два столбца — основной для текста и второй для сайдбара. Сайд бар разделен на две колонки. Хотелось бы, что бы ширина основной части была не меньше 640, соответственно боковая примерно 320-330, ну и они что бы были прммерно по 160 px
Код такой:/* BLOG FRAME =================================================================*/ #wrapper{ width:970px; margin:0 auto; margin-top:10px; padding:0px; background:#FFF; /*F6F4F1;F5F7F9;*/ border-right:0px solid #000; border-left:0px solid #000; } #header{ width:100%; clear:both; background: #E1DCCC url(\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\'images/header-bg.gif\\\\\\\\\\\\\\\\\\\\\\\\ \\\\\\\') no-repeat 0 0; } #container{ width:960px; clear:both; padding-right:0; padding-left:10px; padding-bottom:20px; background:#E1DCCC url(\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\'images/body-bg-3col.gif\\\\\\\\\\\\\\\\\\\\\ \\\\\\\\\\') repeat-y 0 0; } #left-sidebar{ width:65px; float:left; clear:none; overflow:hidden; line-height:1.3em; font-size: 1em; } #content-box{ width:525px; padding:0; padding-left:15px; margin-right:25px; margin: 0px; float:left; clear:none; overflow:hidden; } #right-sidebar{ width:420px; float:left; clear:none; overflow:hidden; color: #333; line-height:1.3em; font-size: 1em; } #footer{ width:940px; clear:both; padding-bottom:10px; background:#E1DCCC url(\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\'images/header-bg.gif\\\\\\\\\\\\\\\\\\\\\\\\ \\\\\\\') repeat-x 0 0; border-bottom:1px solid #CFCCC4; padding-left:15px; padding-right:15px; padding-top:15px } /*Blog title ===========================================*/ #blog-name-box{ width:540px; padding:10px 15px; padding-top: 30px; padding-bottom: 15px; margin:0; float:left; } .blog-name{ font-family:Georgia,"Times New Roman",Times,serif; font-weight:bold; font-size:2.85em; padding:0; margin:0; color:#000; text-transform:uppercase; line-height:1.0em; letter-spacing:2px; background:transparent; } .blog-name a:link, .blog-name a:visited{ text-decoration:none; border:0px none; color:#000 } .blog-name a:hover{ color:#000; text-decoration:none; background:; border:0px none;} .blog-description{ color:#333; text-transform:uppercase; letter-spacing:1px; font-size: 0.95em; line-height:1em;} /*Menubar ============================================*/ #menubar-wrap{ width:100%; position:relative; margin: 0; padding:5px 0; list-style:none; text-align:center; display:block; font-family:Arial,Helvetica,sans-serif; font-size:12px; font-weight:bold; text-transform: uppercase; letter-spacing:0.2em; line-height:1.7em; background:#AEAE98; clear:both; } /*POST BODY TEXT ==================================================*/ .post-wrap{ width:475px; margin-bottom:15px; font-weight:normal; padding-top:15px; border-top: 1px solid #CFCCC4; } .posts{ margin-bottom:20px; } .posts a:link, .posts a:visited{ font-weight:bold; color: #CC0000; text-decoration:underline; } .posts a:hover{ color:#000; background:transparent; text-decoration:underline; } .posts{ line-height:1.75em; } /*SIDEBARS =============================================================*/ /*RIGHT TOP SIDEBAR*/ #right-topbox-sidebar{ width:100%; clear:both; float:left; background: #E1DCCC url(\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\'images/right-top-bg.gif\\\\\\\\\\\\\\\\\\\\\ \\\\\\\\\\') repeat-y 0 0; } .right-top-sidebar{ width:100%; clear:both; float:left; } #right-left-sidebar{ width: 208px; float:left; } #right-right-sidebar{ width:208px; float:right; } .sidebar-separator{ width:100%; height:3px; clear:both; float:left; background: url(\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\'images/separator.gif\\\\\\\\\\\\\\\\\\\\\\\\ \\\\\\\') no-repeat 0 0; } /* Begin Images */ p img { padding: 0; max-width: 475px; height:auto; border:0px none; } /* Using \\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\'class="alignright"\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\ \' on an image will (who would\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\'ve thought?!) align the image to the right. And using \\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\'class="centered\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\', will of course center the image. This is much better than using align="center", being much more futureproof (and valid) */ img.aligncenter { display: block; margin-left: auto; margin-right: auto; border:0px none; } img.alignright { padding: 0; display: inline; border:0px none;; margin-left:10px; margin-right:0; margin-top:0; margin-bottom:2px } img.alignleft { padding: 0 ; display: inline; border:0px none;; margin-left:0; margin-right:10px; margin-top:0; margin-bottom:2px } .alignright { float: right; } .alignleft { float: left; } /* End Images */ /*Foto Captiion*/ .wp-caption { /* border: 1px solid #ddd; */ text-align: left; background-color: transparent; line-height:1em; /* margin: 0 0 15px 0; -moz-border-radius: 3px; -khtml-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; **/} .wp-caption img { display: block; margin: 0; max-width: 475px; height:auto; border:0px none; /*padding: 2px; border:1px solid #CFCFCF;*/} .wp-caption-text { color: #666; /*font-family:"Lucida Grande", "Lucida Sans Unicode", Verdana, Arial, Helvetica, sans-serif; */ font-size:0.85em; padding: 4px 0; margin: 0; line-height:1em; } .wp-caption-dd { font-size: 11px; line-height: 17px; padding: 0 4px 5px; margin: 0;} } /*SIDEBAR ================================================*/ /*right-sidebar List*/ .widgetbox{ padding-top:10px; border-top: 1px solid #CFCCC4; padding:15px; } .widget-title{ font-family: \\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\'Lucida Grande\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\', Verdana, Arial, Sans-Serif; font-size: 1.167em; font-weight:bold; color:#6F6F6F; } #right-sidebar ul{ margin: 0; padding: 0; list-style: none; } #right-sidebar ul li{ margin: 0; } /*RIGHT-SIDEBAR LIST TITLE*/ #right-sidebar ul li h2{ margin: 0; padding: 4px 0px; padding-top:10px; font-family: \\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\'Lucida Grande\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\', Verdana, Arial, Sans-Serif; font-size: 1.167em; font-weight:bold; color:#6F6F6F; } #right-sidebar ul ul{ padding: 0; } /*RIGHT-SIDEBAR LIST */ #right-sidebar ul ul li{ margin: 0; background: ; border-top:0px none; /*background:url(images/bullet.gif) no-repeat 5px 6px;*/; padding-left:0px; padding-right:0px; padding-top:4px; padding-bottom:4px } #right-sidebar ul ul ul li{ padding: 0 0 0 10px; } #right-sidebar ul li.widget_search{ padding: 0; } #right-sidebar ul li.widget_calendar{ padding:0; } #right-sidebar ul li.widget_calendar a{ color:#000; } #right-sidebar a:link, #right-sidebar a:visited{ color: #000; background: ; text-decoration: none; border: 0px none; } #right-sidebar a:hover{ color: #000; background: transparent; text-decoration: underline; } /*UNIVERSAL WIDGETS*/ .widget_tag_cloud { text-align:center; line-height: 100%; } .widget_tag_cloud a { text-transform:lowercase; line-height: 100%; } .textwidget{ border-top:0px none; line-height:1.6em } /*READING ROOM =============================================================*/ #reading-room{ margin-top: 20px; padding: 0; border: 2px solid #CFCCC4; clear: both; background: url(\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\'images/reading-room.gif\\\\\\\\\\\\\\\\\\\\\ \\\\\\\\\\') no-repeat 0 0; } .read-box{ float:left; width:40px; padding:5px 10px; font-weight:bold; font-size:0.85em; text-transform:uppercase; letter-spacing:0.1em; line-height:1.4em; color:#6F6F6F; } .prev-box{ float:left; width:175px; padding-top:5px; padding-bottom:5px; padding-right:20px; padding-left:20px; line-height:1.4em;} .next-box{ float:left; width:175px; padding-top:5px; padding-bottom:5px; padding-left:20px; line-height:1.4em;} .next-prev-label{ display:block; clear:both; font-weight:bold; font-size:0.85em; text-transform:uppercase; letter-spacing:0.1em; color:#6F6F6F; padding-bottom:5px; line-height:1em; } /*COMMENT TITLE*/ .comments-title{ font-size:1.5em; clear:both; width:100%; padding-bottom:5px; float:left; display:inline; margin-bottom: 15px; text-transform:uppercase; text-align:left; border-bottom: 1px dashed #CFCCC4; } /*COMMENT FORM ==================================================*/ #respond{ width:473px; margin-bottom:15px; font-weight:normal; margin-right:25px; padding:0; padding-bottom:10px; border: 2px solid #CFCCC4; background: transparent; line-height:1em; }
Сейчас сколько не менял — все съезжает.
Буду признателен
Просмотр 1 ответа (всего 1)
Просмотр 1 ответа (всего 1)
- Тема «ширина столбцов в теме wp» закрыта для новых ответов.