ghey css border disappearing

[m00nz00mer]

Hey, ive been developing this site.. www.blue-shark.co.uk/test and im having some problems with the border.. if you go to a page that scrolls the boader will disappear?? help someone!?

[thebloodpoolkid]

You are using tables for layout :wt:

[m00nz00mer]

using css for the main structure but yes still using tables for abit layout:S..

[simplistik]

didn't have to look at your code, just looked at the page but i would bet my left **t ;) that it's cause you're using some sort of absolute positioning on that container.

[m00nz00mer]

yes i am, what would be a solution to this?

[m00nz00mer]

yes i am, what would be a solution to this?

ive changed the code to relative however im still having this problem.. can someone please take a look..?

cheers.

[Ectheo]

Now, I'm just learning CSS, but after looking over your source code and CSS, I couldn't find anything wrong.

I tested both in Firefox and found that since I have none of the graphics on my pc, It worked fine. Try looking over your graphic properties maybe?

[m00nz00mer]

Now, I'm just learning CSS, but after looking over your source code and CSS, I couldn't find anything wrong.

I tested both in Firefox and found that since I have none of the graphics on my pc, It worked fine. Try looking over your graphic properties maybe?

thanks for the reply but the problem im having is if you go to:

http://www.blue-shark.co.uk/test/SG-Transmission-Selection-Data-for-Clutch-Break-Combi.html

and scroll down the border will dissapear??

[Ectheo]

Methinks I figured it out.


#maintable {
position: relative;
width: 780px;
height: 100%;
min-height: 100%;
margin: 0px auto;
background-color:#0077B6;
border-top-width: 1px;
border-right-width: 1px;
border-bottom-width: 1px;
border-left-width: 1px;
border-top-style: none;
border-right-style: solid;
border-bottom-style: none;
border-left-style: solid;
border-top-color: #666666;
border-right-color: #666666;
border-bottom-color: #666666;
border-left-color: #666666;
}

Try knocking out the



height: 100%;
min-height: 100%;


After testing that in Firefox, border worked perfectly. Give it a whirl.

[m00nz00mer]

yeh but now when u view the home page on a large screen the blue wont fill the bottom of the screen..?

[Ectheo]

Not sure, works on Firefox for me.

If you cant figure it out, try making a second class for pages that scroll, leaving the main page referencing the original class.

I should note that the uploaded version you have live right now isn't displaying the blue bottom on Firefox and the border cuts off right as you scroll, and when I remove the min-height and height it is displaying.

[m00nz00mer]

Not sure, works on Firefox for me.

If you cant figure it out, try making a second class for pages that scroll, leaving the main page referencing the original class.

I should note that the uploaded version you have live right now isn't displaying the blue bottom on Firefox and the border cuts off right as you scroll, and when I remove the min-height and height it is displaying.

seems to b ok on my ff, its just the border issue?!..

[m00nz00mer]

seems to b ok on my ff, its just the border issue?!..

mac or pc?

[m00nz00mer]

mac or pc?

help me please!!:s

[foodpk]

Why don't you just use some faux columns (http://alistapart.com/articles/fauxcolumns/) as the background image, center it and set the repeat to repeat-y. That way, the blue will always stretch out to the bottom.