Hi, I am using Mac OSX 10.6. I have the latest updates of Safari, Chrome, Firefox, Opera and IE for Mac ver 5.2. I am having a problem with my sidebar in Opera and IE for Mac.
Here is my css for my side bar.
====================
.sidebar1 {
float: left;
width: 200px;
padding-bottom: 5px;
padding-top: 10px;
color: #D6BD38;
border: 1px solid #D6BD38;
-moz-box-shadow: inset 0px 0px 5px 5px #C4AF3A;
-webkit-box-shadow: inset 0px 0px 5px 5px #C4AF3A;
box-shadow: inset 0px 0px 5px 5px #C4AF3A;
}
=================
Now in Safari, Chrome and Firefox my page looks like this:
Which is what I want it to look like. The side bar has the frame with the inset. Everything is where it should be.
Here is what it looks like in Opera
Notice the side bar. There is no inset shadow and the frame should be all the way down under the red text as above.
Here is what it looks like in IE for Mac.
Notice the Welcome is not centered and there is no shadow. The footer bar is to thin and the facebook and twitter icons are not in the correct place. There is no inset shadow for the sidebar and the spry accordion widget is expanded.
And here is what it looks like in IE 7 (windows xp). I had to scroll and print screen a few times to get the whole page, the paste them together into an image.
Notice the speaker input box and label are inline and extending into the main part of the page. There is not inset shadow on the side box and it is expanded so far down the page.
I can't figure out what I need to do to get the side bar to function properly in IE 7 and up. The shadow is not that important as long as I can get the border for the side box to function properly.
Thanks winrol
1
Reply
AdChoices