473,320 Members | 1,955 Online
Bytes | Software Development & Data Engineering Community
Post Job

Home Posts Topics Members FAQ

Join Bytes to post your question to a community of 473,320 software developers and data experts.

CSS equivalent of a repeating 1px-high image for a vertical backgroundstripe?

I'm trying to put a vertical blue stripe with a black border on this
page that will remain colored even if the page is scrolled in the UA.

http://maba.org/new/homeproducts/

As you can see, the stripe is there, but Gecko only draws it for the
initial viewport and chops it off if one scrolls down. MSIE stops
drawing the background color at the end of the last link on the left side.

I've messed around with the stylesheet to no end, and to no avail. Am I
missing something here?

Thanks,
Jordan
Jul 20 '05 #1
1 2324
Jordan Peterson wrote:
I'm trying to put a vertical blue stripe with a black border on this
page that will remain colored even if the page is scrolled in the UA.

http://maba.org/new/homeproducts/
You have way too much markup and CSS. It won't get any better, if you
just add more and more markup.
As you can see, the stripe is there, but Gecko only draws it for the
initial viewport and chops it off if one scrolls down. MSIE stops
drawing the background color at the end of the last link on the left side.
Add this to the end of your CSS, and get rid of div.body-box, as latter
causes collapsing margin thingy you don't want. (and which most likely
doesn't work with IE, and maybe not in Gecko either, so do it anyway...)

body {margin:0;padding:0;background:blue;}

div#main
{
background:#fff;
position:static;
margin-left:141px;
border-left: 2px black solid;
width: 440px
}

Replace blue with correct shade. I have not tested in IE, but you should
get the idea. As you didn't ask about that 1px white stripe, I assumed
you didn't need it to go to down. It is possible too, but a tiny bit more
complicated.
I've messed around with the stylesheet to no end
I can see. You should always save versions, so that when you get the
solution working, you don't need to use hours for removing all
unnecessary styling. There is at least 2 pagefuls of useless CSS.
Am I missing something here?


Lots. You are also using px unit to measure text width. No good, use em
instead.

--
Lauri Raittila <http://www.iki.fi/lr> <http://www.iki.fi/zwak/fonts>
I'm looking for work | Etsin työtä
Jul 20 '05 #2

This thread has been closed and replies have been disabled. Please start a new discussion.

Similar topics

2
by: dBeav | last post by:
Hello everyone. In trying to learn CSS I often look at source codes and stylesheets and I stumble around the web. One place that I found something interesting (to me at least) is at...
8
by: Xucyr | last post by:
I can't find any "short" code to make this work without taking 100s of lines (because I have to keep repeating this process several times). But this is what I have so far: int i = 7; do {...
0
by: dino07 | last post by:
Hi All, I am currently trying to do the following: 1. insert a value into a repeating table from a drop-down list( secondary storage) when the user click the "Add" button positioned next to the...
11
by: Christoph Boget | last post by:
When building a form using Infopath, you can define a repeating section and stick form fields in that section. I'm curious if ASP.NET has a similar control to make it easy to design something...
22
by: Alan Silver | last post by:
Hello, I am updating some old web pages, and have come across a problem. I have some tables where the opening tag looks like... <table border="1" bordercolor="#ffffff"> which gives a nice...
4
by: Gérard Talbot | last post by:
Hello fellow stylers, What would be the best CSS equivalent of MSIE's wrap="off" and wrap="hard"? hard Text is displayed with wordwrapping and submitted with soft returns and line feeds. ...
4
by: davyzhang | last post by:
when I use LI tag as a separator like a line in UL tag <ul> <li>line1 </li> <li id="sep"></li> /*here i wanna make it like a line ,that means 1px height is ok*/ <li>line2</li> </ul>
5
by: VK | last post by:
On the demo at <http://www.geocities.com/schools_ring/tmp/demo01/index.xml> the table caption has 1px(?) indentation from the left in Firefox 1.5 and I'm running out of ideas how to kill it - if...
12
by: deko | last post by:
I'm trying to get a 1px border around the content section of this page: http://www.clearpointsystems.com As you will see, I have a header/nav bar (looks correct), but the border around the...
13
by: Jon Paal | last post by:
this works as shown: <script Language="javascript" src="http://127.0.0.1/syndicate.ashx?d=suppliers"></script> is there a way to set src programmatically ??
0
by: Vimpel783 | last post by:
Hello! Guys, I found this code on the Internet, but I need to modify it a little. It works well, the problem is this: Data is sent from only one cell, in this case B5, but it is necessary that data...
0
by: jfyes | last post by:
As a hardware engineer, after seeing that CEIWEI recently released a new tool for Modbus RTU Over TCP/UDP filtering and monitoring, I actively went to its official website to take a look. It turned...
0
by: ArrayDB | last post by:
The error message I've encountered is; ERROR:root:Error generating model response: exception: access violation writing 0x0000000000005140, which seems to be indicative of an access violation...
1
by: PapaRatzi | last post by:
Hello, I am teaching myself MS Access forms design and Visual Basic. I've created a table to capture a list of Top 30 singles and forms to capture new entries. The final step is a form (unbound)...
1
by: CloudSolutions | last post by:
Introduction: For many beginners and individual users, requiring a credit card and email registration may pose a barrier when starting to use cloud servers. However, some cloud server providers now...
1
by: Defcon1945 | last post by:
I'm trying to learn Python using Pycharm but import shutil doesn't work
0
by: af34tf | last post by:
Hi Guys, I have a domain whose name is BytesLimited.com, and I want to sell it. Does anyone know about platforms that allow me to list my domain in auction for free. Thank you
0
by: Faith0G | last post by:
I am starting a new it consulting business and it's been a while since I setup a new website. Is wordpress still the best web based software for hosting a 5 page website? The webpages will be...
0
isladogs
by: isladogs | last post by:
The next Access Europe User Group meeting will be on Wednesday 3 Apr 2024 starting at 18:00 UK time (6PM UTC+1) and finishing by 19:30 (7.30PM). In this session, we are pleased to welcome former...

By using Bytes.com and it's services, you agree to our Privacy Policy and Terms of Use.

To disable or enable advertisements and analytics tracking please visit the manage ads & tracking page.