Cascading Stylesheet is disabled in your browser. Please enable CSS and reload this page.
Well, I'm having trouble with my website coding. Hence, I'm posting in the Front End forum. It could be Back End, but there was a 66% chance it wasn't so I posted it here. Anyway, here's the page I'm having a problem with:
http://www.innocentinsanity.initialhost.com/
The news section is all out of place. I had it working find with an iframe (I didn't like the way it looked loading, and I hear frames are a no-no so I scrapped that), then after the iframe was taken out I had it working with PHP include, except the rest of the design was stretched because news.php was set to flow normally. I then used CSS and overflow to make it scroll instead of stretch, but now it's dipping over the design, instead of being integrated into the design. Oh, and here's my CSS:
.auto { font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
color: #FFFFFF;
background-color: #FFA31A;
padding: 3px;
line-height: 15px;
position: absolute;
width: 450;
height: 150;
overflow: scroll;
scrollbar-face-color: #FFA31A;
scrollbar-shadow-color: #FFA31A;
scrollbar-highlight-color: #FFA31A;
scrollbar-3dlight-color: #FFA31A;
scrollbar-darkshadow-color: #FFA31A;
scrollbar-track-color: #FFA31A;
scrollbar-arrow-color: #FFFFFF;
}
Instead of using position: absolute why dont you use fixed? Or alternativly specify the coordinates?
BioALIEN, I love you. I just took out the position all together. Why I had it in there I'm not sure, I think I read somewhere that you needed the position (I forget the word) to use width and height. I guess they were wrong. Now to adjust it some more. Thank you again, lots and lots of help.
Oh crap, before I loving kiss your feet, would anyone be able to help me again. Now there's a small band across the bottom that isn't scrolling. It just stays there. I tried to adjust the size, but it stayed there still. I appreciate all the help.
If you change 'overflow: scroll;' to 'overflow: auto;' you should be able to eliminate the horizontal scroll bars that appear in Gecko browsers and also; they will only appear when the contents length becomes too big saving some space. (experiment with this)
On another note, in the middle of your page there are additonal pairs of tags that shouldn't be there and can/or/are pottentialy causing problems...
[html]
[title]News[/title]
[link rel=stylesheet href="style.css" type="text/css"]
[body topmargin="0" leftmargin="0"]
You can probably delete this as it doesn't belong there.
In your style sheet you should specify the units of your class dimensions; ie. width 450px etc. Also the scroll bar colour information in your class 'auto' serves no real purpose being there from what I can see as your page is using the snippet within your html document to style the scroll bars.
I can't exactly tell why you've got that section, which isn't scrolling. I may take another look later tonight.
I don't understand what you mean about the horizontal scrollbar, I don't see it in IE.
Those are from the news.php file, I'll delete them, but they aren't the cause of the problem. I tested with and without and forgot to change it back.
The default is pixels, but I guess it doesn't hurt to be cautious. The scrollbar information is for the news, which is an orange, while the body is a blue.
You were right Trico. I changed it from scroll to auto and it got rid of the bottom scrollbar, which I didn't know was a scrollbar at the time. After I realized what it was your statement made sense, and now all is well. Thanks Trico and BioALIEN.
Glad you got your problem solved. Another one in the bag for Trico right? ;)