size problem on thatothereden theme

  • elnota

    (@elnota)


    18 years, 10 months ago

    Hi!

    I need help with my customized theme. It works ok on Firefox at any resolution, but it goes very wrong on IE when resolution changes to 1024x or more… Sidebar goes wrong to the rigth and the footer moves right a few pixels..

    I need your help since i don’t know what should i change on the css file… 

    body { 

  background: #B52C12 url(images/eden2.gif) top center repeat-y;

  margin: 0px;

  padding: 0px;

  font-family: arial;

  font-size: 11px;

  color: #eff; 

  scrollbar-face-color: #000000;

  scrollbar-highlight-color: #000000; 

  scrollbar-shadow-color: #000000; 

  scrollbar-3dlight-color: #000000; 

  scrollbar-arrow-color: #B52C12;

  scrollbar-track-color: #B52C12; 

  scrollbar-darkshadow-color: #000000; 

  } 

#rap { 

margin:auto;

margin-top:-15px;

  width: 800px; 

  background-image: url('images/eden1.gif'); 

  background-repeat: no-repeat;

  }

#content { 

float:left;

  padding: 335px 0px 0px 50px;

  width: 500px;

  }

#menu { 

float:right;

  padding: 360px 50px 20px 0;

  width: 150px;

  text-align: right;

  } 

#menu ul { 

  margin: 3px 0px 0px 0px; 

  padding: 0px;

  list-style-type: none;

  }

#menu ul li {

  margin: 3px;

  }

#menu p { 

  margin: 3px 0px 0px 0px;

  }

#menu ul a{

  color: #B52C12;

  font-weight: bold;

  font-size: 1em;

  padding-right: 20px; 

  background-image: url(images/eden4.gif); 

  background-repeat: no-repeat; 

  background-position: right top; 

  text-decoration: none;

  }

#menu ul a:hover { 

  color: #B52C12; 

  background-image: url(images/eden3.gif); 

  background-repeat: no-repeat;

  background-position: right top;

  }

.page_item{font-size:9pt;

letter-spacing:0}

a {

  color: #FFFFFF;

  font-weight: bold;

  font-size: 1em; 

  text-decoration: none;

  }

a:hover { 

  color: #B52C12;

  }

strong, em, i, b { 

  color: #FFFFFF;

  }

.commentlink {

  padding-left: 20px; 

  background-image: url(images/eden4.gif); 

  background-repeat: no-repeat; 

  background-position: top left; }

.commentlink a {color:#fff}

.commentlink a:hover {color: #B52C12}

u { 

  text-decoration: none;

  color: #FFFFFF;

  border-bottom: 1px solid #B52C12;

  }

blockquote, textarea{ 

  color: #000000; 

  background-color: #B52C12; 

  border: 1px solid #000000;

  padding: 3px;

  }

#content ul li{list-style:none;

  padding-left: 20px; 

  background-image: url(images/eden4.gif); 

  background-repeat: no-repeat; 

  background-position: left top; }

input {background:#000;

color:#eff;

border:1px #B52C12 solid;}

}

h1 {

display:none

  }

#content h2 {

  color: #B52C12;

  text-transform: lowercase;

  font-size: 18pt;

  line-height: 18px;

  text-align: left;

  letter-spacing: -1.5pt;

margin:0

  }

#content h3 {margin:0;

font-size:10pt;

text-align:right}

#menu h2, .pagenav {

  color: #FFFFFF;

  text-transform: lowercase;

  font-size: 15pt;

  line-height: 15px;

  letter-spacing: -1.5pt;

margin:15px 0 7px 0;

padding:0

  }

#footer {clear:both;

text-align:center;

padding:10px 150px 10px 30px}

    You can see the blog at: http://www.acaymoelmusical.com/web

    Thanks in advance for your help!

    EL NOTA

Viewing 9 replies - 16 through 24 (of 24 total)
1 2
  • Thread Starter elnota

    (@elnota)

    18 years, 10 months ago

    ok, so i did but… it keeps there!

    (I put your line on the css file, on body, like this):

    body {
  background: #B52C12 url(images/eden2.gif) top center repeat-y;
  margin: 0px;
  margin-bottom: -20px
  padding: 0px;
  font-family: arial;
  font-size: 11px;
  color: #eff;
  scrollbar-face-color: #000000;
  scrollbar-highlight-color: #000000;
  scrollbar-shadow-color: #000000;
  scrollbar-3dlight-color: #000000;
  scrollbar-arrow-color: #B52C12;
  scrollbar-track-color: #B52C12;
  scrollbar-darkshadow-color: #000000;
  }
    shadow

    (@shadow)

    18 years, 10 months ago

    Don’t forget to close it with a ;

    Thread Starter elnota

    (@elnota)

    18 years, 10 months ago

    ok, i now i made the same mistake, with the ;. But its fixed and it keeps the same!

    body {
  background: #B52C12 url(images/eden2.gif) top center repeat-y;
  margin: 0px;
  margin-bottom: -20px;
  padding: 0px;
  font-family: arial;
  font-size: 11px;
  color: #eff;
  scrollbar-face-color: #000000;
  scrollbar-highlight-color: #000000;
  scrollbar-shadow-color: #000000;
  scrollbar-3dlight-color: #000000;
  scrollbar-arrow-color: #B52C12;
  scrollbar-track-color: #B52C12;
  scrollbar-darkshadow-color: #000000;
  }
    shadow

    (@shadow)

    18 years, 10 months ago

    Ok, I need to go right over your css code and see what is causing this. But, I have run out of time for the minute, so hopefully some other kind soul might jump in, otherwise I will get to it when I can.

    Thread Starter elnota

    (@elnota)

    18 years, 10 months ago

    ok,thanks for your effort…

    i´ll be waiting for yout advices soon…

    THANKS!

    shadow

    (@shadow)

    18 years, 10 months ago

    Try margin-bottom: -30px; in body but if that isn’t successful, drop it into your footer.

    I know this one is staring me in the face – I must be tired.

    Thread Starter elnota

    (@elnota)

    18 years, 10 months ago

    I’ve tried both possibilities but none was succesful at all. The theme keeps the same, showing the body image underneath the footer…

    But, anyway, thank you shadow for helping me with this stupid problem!

    There should be any solution??

    THANKS!

    Thread Starter elnota

    (@elnota)

    18 years, 10 months ago

    hi there… still waiting to finish with this little problem… anyone else has a new idea??

    thanks!

    Thread Starter elnota

    (@elnota)

    18 years, 10 months ago

    pleeeeeaseeee!!

    i need some help to see my theme correctly!!

    thanks!

Viewing 9 replies - 16 through 24 (of 24 total)
1 2

The topic ‘size problem on thatothereden theme’ is closed to new replies.