1
Marvin_CZ
Right and left block not showing in IE correctly
  • 2010/1/15 15:47

  • Marvin_CZ

  • Just popping in

  • Posts: 28

  • Since: 2009/4/2 1


Hello all,
i have problem with corretly showing right and left block in theme Adesign-S.

Resized Image


In IE showing wrong.
How i can fixed width? In Opera or Mozzila blocks showing relative good.

body {      color#000000;       background: url(images/body_bg.jpg) repeat;        margin: 0px;      font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;      font-size: 12px;  }    .tdupleft{                                    width: 242px;      height: 27px;  }  .tdupright{      width: 235px;      height: 27px;  }  .tdupcenter{      height: 27px;      background: url(images/bg_up.jpg) repeat;  }  .tdlogoup{ background: url(images/bg_uc_mid.jpg) repeat; }  .tdlogodown{ background: url(images/bg_uc_mid1.jpg) repeat; }  .tdlogobot{ background: url(images/bg_uc_mid2.jpg) repeat; }  td.left { width: 159px; vertical-align: top;}  td.blockbot{      height: 7px;      background: url(images/block_bg_bot.jpg) repeat;    }  td.blockleft{      width: 21px;      background: url(images/block_bg_l.jpg) repeat;  }  td.blockright{      width: 21px;      background: url(images/block_bg_r.jpg) repeat;  }  td.blockdt{      height: 9px;      background: url(images/block_dt_c.jpg) repeat;  }  td.blockcontent{      background: url(images/block_bg_all.jpg) repeat;      color: #000000;      font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;      font-size: 12px;      text-align: left;      vertical-align: top;      padding: 0px;  }  td.block_tleft{      background: url(images/block_ml_bg.jpg) repeat;      width: 21px;  }  td.block_tright{      background: url(images/block_mr_bg.jpg) repeat;      width: 10px;  }  td.blocktitle{      height: 12px;      background: url(images/block_m_c.jpg) repeat;      text-align: center;      vertical-align: middle;      font-family: Verdana, Arial, Helvetica, sans-serif;      font-weight: bold;      font-size: 11px;      color: #FFFFFF;      padding: 2px;  }  td.blocktop{      height: 15px;      background: url(images/block_t_c.jpg) repeat;  }  .content{      padding: 12px;      vertical-align: top;  }  td.bkcenter_top{      background: url(images/bkcenter_tc.jpg) repeat;      height: 35px;  }  td.bkcenter_left{      background: url(images/bkcenter_ml.jpg) repeat;      width: 22px;  }  td.bkcenter_center{      background: url(images/block_bg_cont.jpg) repeat;      padding: 0px;      font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;      font-size: 12px;      color: #0535DD;      text-align: center;  }  td.bkcenter_right{      background: url(images/bkcenter_mr.jpg) repeat;      width: 22px;  }  td.bkcenter_bot{      background: url(images/bkcenter_bc.jpg) repeat;      height: 9px;  }  .bkcenter_title{     padding: 10px;      font-size: 12px;      font-weight: bolder;      color: #FFFFFF;        }  td.bottomleft{ width: 157px; }  td.bottomright{ width: 147px; }  td.btmcenter{ height: 5px; background: url(images/bt_c.jpg) repeat; }  td.btmcentertop{ height: 5px; background: url(images/bc_t.jpg) repeat; }  td.copy{ height: 12px; background: url(images/bc_mm.jpg) repeat; font-size: 10px; font-weight: bold; color: #000000; text-align:center; }    hr{      background-color: #B8E3FF;  }    a {color: Black; text-decoration: none; font-weight: normal; background-color: transparent;}  a:hover {color: #FF0000;}    h1 {}  h2 {}  h3 {}                      h4 {}  h5 {}  ul { margin: 0px; padding: 0px; list-style: decimal inside; text-align: left;}  li { margin-left: 0px; list-style: square inside; color: #FF0000; }    input.formButton {}  input{      font-family: Arial, Helvetica, sans-serif;      font-size: 10px;      border: 1px solid #000000;      padding: 2px;  }                        .item {border: 0px solid #cccccc;}  .itemHead {padding: 5px; border: 2px solid #B8E3FF;}  .itemInfo {text-align: right; padding: 3px;}  .itemTitle a {font-size: 130%; font-weight: bold; font-variant: small-caps; color: #0524E1; background-color: transparent;}  .itemPoster {font-size: 90%; font-style:bold;}  .itemPostDate {font-size: 90%; font-style:bold;}  .itemStats {font-size: 90%; font-style:bold;}  .itemBody {padding-left: 5px;}  .itemText {margin-top: 5px; margin-bottom: 5px; line-height: 1.5em;}  .itemText:first-letter {font-size: 133%; font-weight: bold;}  .itemFoot {text-align: right; padding: 3px; border: 1px solid #666666;}  .itemAdminLink {font-size: 90%;}  .itemPermaLink {font-size: 90%;}    th {color: #001EDE; padding : 2px; vertical-align : middle; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: bold; font-size: 11px; border-bottom: 1px solid DodgerBlue;}    .outer {border: 2px solid DodgerBlue;}  .head { padding: 5px; font-weight: bold; border: 1px solid PaleTurquoise;}  .even {padding: 5px; border: 1px solid DodgerBlue;}  .odd {padding: 5px; border: 1px solid DodgerBlue;}  .foot {padding: 5px; font-weight: bold; border: 1px solid DodgerBlue; text-align:center;}      //.outer {border: 1px solid Black;}  //.head { padding: 5px; font-weight: bold; border-bottom: 1px solid Black; border-right: 1px solid Black; }  //.even {padding: 5px; border-right: 1px solid Black; border-bottom: 1px solid Black;}  //.odd {padding: 5px; border-right: 1px solid Black; border-left: 1px solid Black;}  //.foot {padding: 5px; font-weight: bold; border: 1px solid Black; text-align:center;}  tr.even td { padding: 5px;}  tr.odd td { padding: 5px;}    div.errorMsg { background-color: #FFCCCC; text-align: center; border-top: 1px solid #DDDDFF; border-left: 1px solid #DDDDFF; border-right: 1px solid #AAAAAA; border-bottom: 1px solid #AAAAAA; font-weight: bold; padding: 10px;}  div.confirmMsg { background-color: #DDFFDF; color: #136C99; text-align: center; border-top: 1px solid #DDDDFF; border-left: 1px solid #DDDDFF; border-right: 1px solid #AAAAAA; border-bottom: 1px solid #AAAAAA; font-weight: bold; padding: 10px;}  div.resultMsg { background-color : #CCCCCC; color: #333333; text-align: center; border-top: 1px solid silver; border-left: 1px solid silver; font-weight: bold; border-right: 1px solid #666666; border-bottom: 1px solid #666666; padding: 10px;}    div.xoopsCode { background: #FFFFFF; border: 1px inset #000080; font-family: "Courier New",Courier,monospace; padding: 0px 6px 6px 6px;}  div.xoopsQuote { background: #FFFFFF; border: 1px inset #000080; font-family: "Courier New",Courier,monospace; padding: 0px 6px 6px 6px;}      .comTitle {font-weight: bold; margin-bottom: 2px;}  .comText {padding: 2px;}  .comUserStat {font-size: 10px; color: #0524E1; font-weight:bold; border: 1px solid Silver; background-color: #ffffff; margin: 2px; padding: 2px;}  .comUserStatCaption {font-weight: normal;}  .comUserStatus {margin-left: 2px; margin-top: 10px; color: #2F5376; font-weight:bold; font-size: 10px;}  .comUserRank {margin: 2px;}  .comUserRankText {font-size: 10px;font-weight:bold;}  .comUserRankImg {border: 0;}  .comUserName {}  .comUserImg {margin: 2px;}  .comDate {font-weight: normal; font-style: italic; font-size: smaller}  .comDateCaption {font-weight: bold; font-style: normal;}    #mainmenu a {display: block;}   #usermenu a {display: block;}


Can u help me, please?

Thanks, Marvin

2
Burning
Re: Right and left block not showing in IE correctly
  • 2010/1/15 16:21

  • Burning

  • Theme Designer

  • Posts: 1163

  • Since: 2006/8/22


hi'

Could you put a link to download this theme ?

It seems that the author does not propose it anyymore.

3
Marvin_CZ
Re: Right and left block not showing in IE correctly
  • 2010/1/15 16:48

  • Marvin_CZ

  • Just popping in

  • Posts: 28

  • Since: 2009/4/2 1


Hello Burning,

link is here: CC-Bohemia

There for download is original A-desigN theme and my little changes A-desigN theme.

Marvin

4
Burning
Re: Right and left block not showing in IE correctly
  • 2010/1/15 17:02

  • Burning

  • Theme Designer

  • Posts: 1163

  • Since: 2006/8/22


Wich IE version do you use ? No trouble with IE8

On your screenshot, I can see two problems :
• 1) when title block is too long, then you get two lines and a bad effect
• 2) codes provided by google cause display problems.


I will look for 1).

For two, your google code would be necessary.

5
Burning
Re: Right and left block not showing in IE correctly
  • 2010/1/15 20:36

  • Burning

  • Theme Designer

  • Posts: 1163

  • Since: 2006/8/22


Here your theme modified :
• blocks title : two lines allowed
• bottom blocks in center column will be displayed now

6
Marvin_CZ
Re: Right and left block not showing in IE correctly
  • 2010/1/16 0:40

  • Marvin_CZ

  • Just popping in

  • Posts: 28

  • Since: 2009/4/2 1


Hi Burning,
theme now working perfectly.
I was tested in IE-8, Opera-10, Mozilla-3,5 and MyIe and etc browser...

Thanks very much,

Marvin

Login

Who's Online

228 user(s) are online (128 user(s) are browsing Support Forums)


Members: 0


Guests: 228


more...

Donat-O-Meter

Stats
Goal: $100.00
Due Date: Apr 30
Gross Amount: $0.00
Net Balance: $0.00
Left to go: $100.00
Make donations with PayPal!

Latest GitHub Commits