Andreas 09 Background Picture

[Don Chambers]

OK - try this. In style.css, add position: relative; to each of the classes .serendipity_Entry_Date and .continue_reading (and maybe .serendipity_entry_body) - it would not hurt to explicitly set margin:0, padding:0, and border:0 on those either, unless they need a value other than zero.

[ITS]

Hello and thank you again,

I edited the style.css like you suggested. (some classes are named slightly different I think).

The text is visible now all the time, but there is still a white area between entry text and entry footer that is disappearing while scrolling. (IE6 only)

ITS

[Don Chambers]

Style #contentA with position: relative; also. Should stop it from disappearing. I'll see if I can determine the source of the excess space.

[ITS]

Thank you, it's not disappearing anymore

[Don Chambers]

This has everything to do with IE's method of handling floats. That excess space is equal to the height of your right side bar. I can show you how it will work perfectly in IE, but not in FF:

Look for this block in your css:

Code: Select all

/*****  we have three columns displayed *****/
#leftsideA {width:175px;}
#rightsideA {width:175px;}
#contentA {margin: 0px 210px 0px 210px;}

comment out that last line, so you can restore it if needed, then add this:

Code: Select all

#contentA {margin: 0; float: left;} 

Its just a matter of time to find the right balancing of floating, clearing, etc. I see the template is using a clearing div, but I have another way of handling that. Unfortunately, I need to step out for awhile.

Play around with it and see what you come up with. Having this info might lead you to the solution.

[Don Chambers]

This is FAR from perfect, and will only apply to the scenario you are presently using - 2 sidebars and a center content area.

In style.css, under the heading "column styles", find this code:

Code: Select all

/*****  we have three columns displayed *****/
#leftsideA {width:175px;}
#rightsideA {width:175px;}
#contentA {margin: 0px 210px 0px 210px;}

Comment this part out in case you need it later:

Code: Select all

/* #leftsideA {width:175px;}
#rightsideA {width:175px;}
#contentA {margin: 0px 210px 0px 210px;} */

And replace it with this:

Code: Select all

#leftsideA,
#rightsideA {width:20%;}
#contentA {width: 50%; margin: 0 auto;} 

There is a LOT of padding and margin setting going on all over the place, which is why I cannot get those anywhere near 100% (you can never get exactly 100% from my experience). You may need to play with this if you do not like the look from just this change.

It works on my local copy of the template, but my local copy does not include your other revisions, so there is no way to know for sure if it will work for you. I am also at a real disadvantage as I am not the author of this template, and have never looked at it before now.

[ITS]

Hello again,

thank you very much for your great work!
I implemented your solution now and it seems to be working, but when I drag the IE6-window smaller the content floats under the left sidebar. Again, it's not happening in opera.

this is a neverending story :*(

ITS

[Don Chambers]

IE really stinks when it comes to floats. This sort of behavior is, to the best of my knowledge, limited to IE 6 and under. Not sure if IE 7 fixed it, but I think so.

Anyway, what happens is that when the window size shrinks to the point that the center content area cannot shrink any further, it pops down below. What needs to be done is to minimize some of the non-crucial elements so that it does not occur until the screen size is below what most users would likely be viewing your page at.

Having made some arbitrary decisions, here is my suggestion, and again, good idea to comment out the original and replace it with the new code. Another reminder: this template has multiple possible configurations, and I am only addressing your 3 column format:

Code: Select all

/****** Column Styles ******/
#leftsideA, #leftsideB {margin:0; 
   padding-left: 10px; 
   float:left; 
   margin-right:0; }

#rightsideA, #rightsideC {margin:0; 
   padding-right:0px; 
   float:right; 
   margin-left:0px; }

/****** Sidebar Styles ******/
h3.serendipitySideBarTitle {color:#505050;
   font-size:1.6em;
   font-weight:bold;
   letter-spacing:-1px;
   margin:0px; }

I think that should leave plenty of room for window resizing before it falls out in IE, if not, then the sizes of either the sidebars or center content need to be reduced a bit further.

[ITS]

Thank you, seems to be working!!! Will do intensive testing tomorrow.
ITS

[ITS]

Hi again,

1.)can somebody PLEASE explain to me, why there is a white area after the "topic vollständig lesen" at the start page in the first post @ http://bb0.de in opera? it's not in IE....

2.) In IE the font is bigger than in opera, why the hell?

3.) is there a way to get "news" hovered instead of "homepage" if you click news?

thank you!