CSS Advice

[Reece^B]

Hi Guys

Basically my current forum looks like this. (pitbikeclub.co.uk)

I'm upgrading to vB4 and after the same layout but using CSS.

However, im having problems with getting it to look right. Heres how it currently looks. (test.pitbikeclub.co.uk)

& heres the code.
#cat51 .forumhead + .childforum .L2:first-child .forumrow, #cat51 .forumhead + .L2 .forumrow {
border-top: 0 none;
height:100px;
}
#cat51 .forumrow .table {
height: 100px;
}
#cat51 ol.childforum {
float: left;
margin: 0;
padding: 0;
width: 100%;
}
#cat51 .childforum li.forumbit_post {
clear: none;
float: left;
margin: 0;
padding: 0;
width: 50%;
}
#cat51 #forums .L1 .L2 {
clear: none;
}
#cat51 .forumbit_post .forumrow .forumlastpost {
clear: both;
width: 95%;
}
#cat51 .forumbit_post .forumlastpost .lastpostby {
display: block;
float: left;
}
#cat51 .forumbit_post .forumlastpost .lastpostdate {
display: block;
float: right;
}
#cat51 .forumbit_post .forumlastpost .lastposttitle {
display: block;
float: left;
}
#cat51 .forumbit_post .foruminfo {
clear: right;
float: left;
min-width: 50%;
width: 70%;
}
#cat51 .forumbit_post .forumstats, #cat51 .forumbit_post .forumstats_2 {
width: 20%;
height:100px;
}
#cat51 .forumbit_post .forumlastpost .lastposttitle {
display: block;
float: left;
}
#cat51 .forumbit_post .foruminfo {
clear: right;
float: left;
min-width: 50%;
width: 70%;
}
#cat51 .forumbit_post .forumstats, #cat51 .forumbit_post .forumstats_2 {
width: 20%;
height:100px;
}
#cat51 .forumthreadpost {display: none;}
#cat51 .forumlastpost {display: none;}
#cat51 .forumactionlinks {display: none;}
#cat51 .forumbit_post .foruminfo .forumdata .datacontainer {
padding-left: 140px;
width: 80%;
}

Any help appreciated.

[snakes1100]

What is the issue on the test site that your asking about?

[fxdigi-cash]

I believe you messed up the doc width... You need to adjust it from style manager/yourstyle/style variables then look for doc width...

if you adjust that one, at least your main page will be centered in the screen not going out right or left...

also, you need to balance the left margin so basically you need to specifiy the following in the style manager/ style variables

1-max width, often it is 1280px or bigger a little...
2- width, often it is auto
3- min width, often 990px

try these first and see how things go with you...

yes, there is an issue with you top boxes not being aligned and that is because of percent adjustment...

Update: it turns out your doc margin is not set... you need to do it. also, I noticed that your other style Red one is working fine,,, if you want to use the blue one images, you can just exchange them and you will have the blue images on top of the red one...

[Reece^B]

Hi

Thanks for the replies.

The issue comes about when I remove the CSS hiding 'lastpostby' then then throws the box out.

Basically I made them changes you mentioned, to no avil. The red has done the same as the blue. Maybe there is another remedy?

[Reece^B]

Bump*

[Lynne]

I can't view your first link, so I have no idea what you want it to look like. You do seem to be missing a left-margin (unless that is intentional?). It would help to have an image of what you want it to look like.

[Reece^B]

The 1st link is working, the effect I want is attached.

[Lynne]

They look very much the same, but you're not going to get it to look the same on your site since it is so much narrower than in the image.