limit max & min width of fluid width theme

  • leekaidragon

    (@leekaidragon)


    14 years, 1 month ago

    I’m using the 3 column version of this theme :
    THEME

    I want to limit the maximum & minimum width of the content & sidebar portion leaving the header & footer portions 100% fluid.
    How can i do that? please help!!!

    pls take a look @ its stylesheet code, its a bit confusing.
    tnks!!!

Viewing 2 replies - 1 through 2 (of 2 total)
  • Thread Starter leekaidragon

    (@leekaidragon)

    14 years, 1 month ago

    These are the main code lines of the stylesheet file. any idea ???any one?

    *{margin:0;padding:0;}
body{  background:url(images/content-bg.jpg) left top;font-size:12px;color:#afb4a9;font-family:Verdana, Arial, Helvetica, sans-serif;}

.right-bg{position:relative;width:100%;background:url(images/right-bg2.jpg) right top repeat-y;min-width:980px;}
.left-bg2{position:relative;width:100%;background:url(images/left-bg-2.jpg) repeat-y;}
.left-bg1{position:relative;width:100%;background:url(images/left-bg1.jpg) 40px 0 repeat-y;}
.foot-bg{position:relative;width:100%;background:url(images/foot-bg.gif) left bottom repeat-x;}
.top-bg{position:relative;width:100%;background:url(images/top-bg.jpg) 1px 0 repeat-x;}
#head{position:relative;width:100%;height:77px;background:url(images/top-left.jpg) no-repeat;}
.logo{position:absolute;left:120px;top:27px;}
.logo h1{font:italic 34px/120% Georgia;color:#ca7a1d;}
.searchbox{position:absolute;right:29px;top:36px;width:211px;height:28px;font-size:11px;color:#a7a093;}
.search-field{width:153px;height:28px;background:url(images/search-field.jpg) 0 0 no-repeat;float:left;}
#s{border:none;background:transparent;color:#fafae0;font-weight:bold;width:140px;float:left;margin:6px 0 0 5px;}
.search-but input{border:none;background:transparent url(images/search-but.jpg) center top no-repeat;width:56px;height:28px;float:right;}
#content{position:relative;width:100%;text-align:left;}
#main{position:relative;float:left;width:100%;}
.content{position:relative;margin:5px 0 20px 96px;}
.content h1{font:24px Trebuchet MS;color:#ca7a1d;letter-spacing:-1px;padding-left:98px;}
.content h2{font:bold 22px Trebuchet MS;color:#ca7a1d;padding:10px 0 2px 20px;}
.content h3{font:bold 18px Trebuchet MS;color:#ca7a1d;padding:10px 0 2px 20px;}
.content h4{font:bold 16px Trebuchet MS;color:#ca7a1d;padding:7px 0 2px 15px;}
.content h5{font:bold 14px Trebuchet MS;color:#ca7a1d;padding:5px 0 2px 10px;}
.content h6{font:bold 12px Verdana;color:#602600;padding:5px 0 2px;}
.content h2.pagetitle{position:absolute!important;top:-44px;left:10px;width:0;font-size:12px;border:1px dashed #9ca697;padding:5px;}
.content h2.center{text-align:center;padding:25px 0;}
.post{position:relative;padding:5px 14px 0 0;}
.content .title{position:relative;padding-bottom:12px;background:url(images/hr-line.jpg) left bottom repeat-x;}
.title .date{position:absolute;left:-58px;top:0;font:italic 12px/120% Georgia;color:#fafae0;width:125px;height:38px;text-align:center;background:url(images/post-date-bg.jpg) no-repeat;padding:5px 22px 0 0;}
.title .meta{position:relative;font-size:11px;font-weight:bold;color:#958e71;margin:-2px 0 0 98px;}

    Thread Starter leekaidragon

    (@leekaidragon)

    14 years, 1 month ago

    any idea anyone???

Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘limit max & min width of fluid width theme’ is closed to new replies.

Tags