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 15 replies - 1 through 15 (of 24 total)
1 2
  • shadow

    (@shadow)

    18 years, 10 months ago

    A lot of the css code is left open. First, perhaps go through your code and close any that are missing with a ;

    Thread Starter elnota

    (@elnota)

    18 years, 10 months ago

    ok, i’ve been looking for solutions… I tried to find any ; but i couldn’t find it…

    so this the new code with my changes… which doesn´t gets any at all… it keeps wrong when it comes to a higer resolution!!

    [Moderated: Too much code. Please consider placing the code in a text file on your site with a link here -or- use a pastebin service such as http://wordpress.pastebin.ca. Thanks!]

    Thread Starter elnota

    (@elnota)

    18 years, 10 months ago

    ok, shadow, sorry for all that mess…

    now i fixed the problem, but there’s something I can’t understand…

    the body image repeats itself so it comes into the footer, something I just don’t want. I need a different image in the footer, but when I put it, you can see the first one below…

    any tip?
    You can see it at: http://www.acaymoelmusical.com/web

    THANKS!

    shadow

    (@shadow)

    18 years, 10 months ago

    First, you need to do a few things in your footer CSS

    You have a few spelling problems, which I fully understand as to why, but they just will not work:

    So, change the current:

    #footer {clear:both;
background-image: url(images/footer.gif);
background-heigt: 220px;
backgorund-wheight: 800px;
background-repeat: no-repeat;
text-align:center;
padding:10px 150px 10px 120px}

    to 

    #footer {clear:both;
background-image: url(images/footer.gif);
background-height: 220px;
background-weight: 800px;
background-repeat: no-repeat;
text-align:center;
padding:10px 150px 10px 120px;}

    Do that first and then we can look at the next bit.

    Thread Starter elnota

    (@elnota)

    18 years, 10 months ago

    Ufff.. dude…
    what a bad spelling!!!

    sorry for that stupid mistake, im a newbie at this… and SPANISH (we all know how bad spanish people speaks engilsh, and bla, bla)!!

    ok, so i fixed that, but the body background still repeats behind the footer bg image!

    i think its a problem on the footer.php file. i had to write a few /br lines to be able to just view the footer image… its weird!

    footer code:

    <!-- begin footer -->
</div>

<?php get_sidebar(); ?>

<div id="footer">
<?php wp_footer(); ?>
<br/>
<br/>
<br/>
<br/>
<br/>
<br/>
<br/>
<br/>
<br/>
<br/>
<br/>
<br/>
<br/>
<br/>
<br/>
<br/>
<br/>
</div>
</div>
</body>
</html>

    can we see the next bit now, shadow?

    THX!!

    shadow

    (@shadow)

    18 years, 10 months ago

    Take all the line breaks out. They are unnecessary. Any height adjustment needed can be done via the CSS [just FYI too, line breaks should be written as <br />

    Once you remove the line breaks we can look at what else is needed.

    I gather you are viewing this in something other than Firefox?

    Thread Starter elnota

    (@elnota)

    18 years, 10 months ago

    ok, i removed all that br lines…

    but now i cant se the image…

    it’s beacuse of the height on the css, maybe?

    THNX!

    shadow

    (@shadow)

    18 years, 10 months ago

    Next:

    Change this in your footer –

    background-height: 220px;
backgorund-weight: 800px;

    to

    height: 220px;

    Thread Starter elnota

    (@elnota)

    18 years, 10 months ago

    ok!!

    now i see the image perfectly, but the body background image still repeats under the footer!

    Thread Starter elnota

    (@elnota)

    18 years, 10 months ago

    btw… im working on firefox, i dont know this works on i.e.!

    shadow

    (@shadow)

    18 years, 10 months ago

    Now change this in your footer:

    padding:10px 150px 10px 120px;}

    to

    padding:10px 150px 0 120px;}

    Thread Starter elnota

    (@elnota)

    18 years, 10 months ago

    thanks, but it doesnt dissapears from behind!

    at least on my firefox!

    shadow

    (@shadow)

    18 years, 10 months ago

    What are you wanting to do now? Move that black area underneath the footer image?

    Thread Starter elnota

    (@elnota)

    18 years, 10 months ago

    yes, its the body background image… it has “repeat -y” on the css, and it repeats underneath the footer image. I want the theme to end with footer image!

    shadow

    (@shadow)

    18 years, 10 months ago

    Ok,

    In body, add:

    margin-bottom: -20px;

Viewing 15 replies - 1 through 15 (of 24 total)
1 2

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