Image (not background) with fixed position working in IE7 and nothing else
newbie
Location: las vegas
Posted: Mon, 2008-05-12 17:47
Hi there!
Hope that someone can help me out with this.
Here is the site link http://mattsmithpt.com/newsite/locations/list/0,5 I am going for the map to stay in the position to the right of the locations while the viewer scrolls down the list of locations. It works in IE7, but not in netscape (I know), Safari, or Mozilla/Firefox.
here is the pertanent css I used:
.suplementary-content{
float: left;
width: 280px;
margin-right: 10px;
}
.suplementary-content.map{
margin-right: 0px;
position: fixed;
}layout css:
#container{
margin: 10px auto 0 auto;
padding-bottom: 40px;
width: 950px;
position: relative;
border-top: 10px solid #462E06;
}
#nav-content {
width: 155px;
height: 580px;
float: left;
overflow: hidden;
border-bottom: 10px solid #462E06;
background: #C7B86B;
margin-left: -795px;
}
#content {
padding: 0px 0 15px;
float: left;
width: 640px;
margin-left: 155px;
background: #F5EFE2 url(../images/bg_content.gif) top left repeat-y;
_height: 565px;
min-height: 565px;
border-bottom: 10px solid #462E06;
}
#masthead {
height: 120px;
position: relative;
margin-bottom: 37px;
}
#main-content {
padding: 0px 15px 0px 27px;
position: relative;
width: 598px;
overflow: hidden;
}
.suplementary-content{
float: left;
width: 280px;
margin-right: 10px;
}
.suplementary-content.map{
margin-right: 0px;
position: fixed;
}
#side-content {
width: 155px;
height: 580px;
float: right;
overflow: hidden;
border-bottom: 10px solid #462E06;
background: #C7B86B;
}
#footer {
text-align: center;
clear: both;
padding-top: 10px;
color: #000;
Enthusiast
Posts: 409
Joined: 2005-08-06
Location: Kent, UK
Perhaps you should fix the
Posted: Mon, 2008-05-12 20:30
Perhaps you should fix the following before trying to get your problem fixed,
http://validator.w3.org/check?verbose=1&uri=http%3A%2F%2Fmattsmithpt.com%2Fnewsite%2Flocations%2Flist%2F0%2C5
This page is not Valid XHTML 1.0 Transitional!
Result: Failed validation, 39 Errors.
What smell? that wasn't me
http//www.about-gravesend.co.uk ,
http//www.lordofchaos.co.uk
newbie
Posts: 8
Joined: 2008-05-12
Location: las vegas
Grrr Ok, I've fixed what I
Posted: Tue, 2008-05-13 01:04
Grrr
Ok, I've fixed what I can and some of the other stuff is coming from the include codes and I don't have access to it right now - did a test with out them and I'll be @$* if you weren't right! It works in all but netscape.Greatly appreciate the help - sometimes you're just so close you can't see it. Thanks!!!
Now, do you have any ideas why it's not working in Netscape?
no includes:
http://www.mattsmithpt.com/newsite/test-locations.phtml
validated:
http://validator.w3.org/check?uri=http%3A%2F%2Fwww.mattsmithpt.com%2Fnewsite%2Ftest-locations.phtml&charset=%28detect+automatically%29&doctype=Inline&group=0&verbose=1
thanks again!
newbie
Posts: 8
Joined: 2008-05-12
Location: las vegas
Got it working Thank you
Posted: Tue, 2008-05-13 17:39
Got it working
Thank you for your help!