text to re-align with re-sized browser?

[tstephen]

HTML file: http://tdsdigitalwebsolutions.com/clients/ed/issue1-17.htmlCSS file: http://tdsdigitalwebsolutions.com/clients/ed/issue-style.cssHere's my problem... When the browser is re-sized the blue vertical line moves behind the sidebar menu. I did try moving the margin-left to the maincol as margin-right but this doesn't give me the same effect of the blue vertical line right down to the bottom of the text in the rightcol. What I would like to have happen is just the text in the rightcol to re-align when the browser is re-sized. How would I go about doing this without the blue vertical line going where I don't want it and yet still have it show up along side the rightcol text? Thanks for the help!

[jlhaslip]

I think the blue border is moving because you have defined the margin as a %'ge of the window size, so when the display window gets smaller, the border moves.Set the margin-left to be just a little bit bigger than the width of the sidebar and you should be okay. Example:

.sidebar{width: 12em;		display:block;		border: 0px  solid #dd6666;		color: #000000;		text-align: left;		width: 200px;}#sbmenu1 {		 margin-bottom: .5em;		 display:block;}#sbmenu2 {		 margin-bottom: .5em;		 text-align:left;}#rightcol{margin-left:12.5em;padding: 0px 50px 0px 20px;text-align:justify;border-left: 10px #1a3c69 solid;}

Let us know if that works, please.

[tstephen]

thank you SO much! that solved the problem perfectly