Zikula Community

• miihkali
  
  

  • Rank: Registered User
  • Registered: Jan 18, 2007
  • Last visit: Oct 21, 2009
  • Posts: 33

  Posted: Oct 07, 2008 - 03:26 AM

  Hi!
  
  I'm just building a new zikula-site, and have been trying to figure out why table won't show up fixed background. I did get it to show partly, but it's been hidden from both sides. Will show up like this: http://www.halminen.fi/sample/nowidth.gif
  Code:
  

  Code

  style "background-image: url(/images/valtuutetut.gif);
  background-position: right; background-repeat: no-repeat;
  background-attachment: fixed;"

  
  
  
  But if I make table for example 800px width, tha image shows up partly, with cutting from both sides, left and right.
  

  Code

  width "800" style background-image: url(/images/valtuutetut.gif);
   background-position: right; background-repeat: no-repeat;
  background-attachment: fixed;"

  
  
  That one shows up like this: http://www.halminen.fi/sample/width.gif
  
  The whole background image however is liket this: http://www.halminen.fi/sample/valtuutetut.gif
  
  I have tried out few other templates, but same thing happends with them. Lately I used SeaBreeze and Terje1 Winter. I have tried to change just about every width-values in every .css-file that i can think of (and nano or pico could find), and tried removing background-color functions.
  
  Please Help Me! I will give a virtual chocklad-cookie
  
  --
  sleepy

  • 
  •  
• miihkali
  
  

  • Rank: Registered User
  • Registered: Jan 18, 2007
  • Last visit: Oct 21, 2009
  • Posts: 33

  Posted: Oct 07, 2008 - 04:23 AM

  Now I don't remember what did I do, and naturally don't keep backups from errors so I could check the diffrences.
  
  Anyways, case closed. It won't help me in future when I try to make my next modified theme :)
  
  --
  sleepy

  • 
  •  
• **unknown user**
  
  

  • Rank: Helper
  • Registered: Mar 16, 2002
  • Last visit: May 18, 2010
  • Posts: 985

  Posted: Oct 07, 2008 - 06:06 AM

  regardless, personnally I think this would be better
  
  
  

  Code

  style "background: transparent url(/images/valtuutetut.gif) no-repeat 100% 0"

  
  
  I know... I'm obsessed with CSS nowadays...
  
  - Igor

  • 
  •  
• Topiatic
  
  

  • Rank: Expert
  • Registered: Nov 23, 2003
  • Last visit: Dec 13, 2009
  • Posts: 1487

  Posted: Oct 07, 2008 - 08:23 AM

  videokid

  I know... I'm obsessed with CSS nowadays...
  
  - Igor

  
  
  Good!
  
  --
  Under Construction!

  • 
  •  
• miihkali
  
  

  • Rank: Registered User
  • Registered: Jan 18, 2007
  • Last visit: Oct 21, 2009
  • Posts: 33

  Posted: Oct 07, 2008 - 01:12 PM

  videokid

  regardless, personnally I think this would be better
  
  
  

  Code

  style "background: transparent url(/images/valtuutetut.gif) no-repeat 100% 0"

  
  
  I know... I'm obsessed with CSS nowadays...
  
  - Igor

  
  
  Thanx, it's just good thing, and I have #1 on my todo-list to start CSS basic training (again). I was working at constructions for few years, and forgot just about everything, and that's just shit.
  
  --
  sleepy

  • 
  •  
• miihkali
  
  

  • Rank: Registered User
  • Registered: Jan 18, 2007
  • Last visit: Oct 21, 2009
  • Posts: 33

  Posted: Oct 07, 2008 - 04:43 PM

  Needing some hints again, now it's about sideblocks. They cut off when scrolling down, and when someone has huge resolution:
  http://www.halminen.fi/sample/sideblocks.gif (sorry about mess, tose were images and names of people, that i don't have permission to show on public)
  left:
  

  Code

  #leftcol{
   width:19%;
   float:left;
   background-image: url('/images/leftbkg.gif');
   background-repeat: repeat-y;
   background-position: fixed;
   height:100%;
  }

  
  
  Height in percents does not have any effect, i presume.
  
  If i fix leftcols height with pixels, rightcol follows up, but maincol has sometimes just a few images, and sometimes about a hundred, so i would have to make a huge scrollbar even when nothing is in single page.
  
  Any hints where to find solution?
  main:

  Code

  #maincol{
   background-color: #FFFFFF;
   float: left;
   display:inline;
   position: relative;
   padding-right: 10px;
   height: 100%;
   }

  
  
  right:

  Code

  #rightcol{
   width: 6%;
   height: 100%;
   float:right;
   position:relative;
   background-color:#f3f3f3;
   border-left: 1px solid #999999;
   }

  
  
  --
  sleepy

  • 
  •  
• **unknown user**
  
  

  • Rank: Helper
  • Registered: Mar 16, 2002
  • Last visit: May 18, 2010
  • Posts: 985

  Posted: Oct 07, 2008 - 05:33 PM

  hard to say... this way I have no idea how your page is made up...
  To be honest, I always try to avoid the height: 100%;
  It seems on the right you have a border, I don't see that here, is that a background-image in your body?
  
  - Igor

  • 
  •  
• miihkali
  
  

  • Rank: Registered User
  • Registered: Jan 18, 2007
  • Last visit: Oct 21, 2009
  • Posts: 33

  Posted: Oct 07, 2008 - 08:09 PM

  I'm too tired to do this before my afternoon nap :)
  
  Took a screenshot before removing borders. Anyways the problem wasn't in CSS at all, ita was one too many at home.htm
  
  Sorry
  
  --
  sleepy

  • 
  •  
•  
•  

Users on-line

• mazdev,
• mesteele101

This list is based on users active over the last 60 minutes.