PDA

Click to See Complete Forum and Search --> : Right sidebar

IncaWarrior
01-02-2004, 09:53 PM
I want a side bar that will be the farthest right it can be, and the page at least 1000px so the side bar will never over/underlap the content. Some ways that have a margin or padding over to the left make strange things happen to the middle content, so if there's a way around that it would be good.
pyro
01-02-2004, 11:01 PM
Originally posted by IncaWarrior
I want a side bar that will be the farthest right it can be

float: right; should work well.

and the page at least 1000px so the side bar will never over/underlap the content.

What?

Some ways that have a margin or padding over to the left make strange things happen to the middle content, so if there's a way around that it would be good.Ummm. What again?

I think you pretty much lost me with that post...
Arm&Hammer
01-03-2004, 01:02 AM
But how is float:right any different than just saying <p align="right">Sidebar Content</p>? I know it's CSS, but what's the difference?
IncaWarrior
01-03-2004, 01:06 AM
i tried float right, but it didn't work in IE.

What i meant was that if the user made their screen thinner than 1000px, there would be a bottom scroll bar instead of the sidebar going over of under the main content (hence why the float didn't work)

Other ways i've tried have included different divs with padding or margins that extend to the left so the side bar would be forced away from the left if the page got too thin, but the main content had some problems with text not selecting properly
Arm&Hammer
01-03-2004, 01:12 AM
It worked in I.E. for me. My way of doing a left or right sidebar is using the <iframe> tag, and after that just put &nbsp; a couple of times and put another frame, and it will look flawless. here is the code i would use:

<html>
<head>
<title>Title</title>
</head>
<body>
<iframe src="sidebar.html" width="20%" height="100%"></iframe>
some spaces...
<iframe src="main_content.html" width="60%" height="100%">
</body>
</html>

Of course, you could change it around any way you wanted. I used it for my schools' robotics team website http://csms-robotics.tk and it looks great. And if the frames get the little scrollbars on the side and bottom, just make your resolution higher.
IncaWarrior
01-03-2004, 12:42 PM
my page wouldn't really work with frames