Margin question:
on this (<!-- m --><a class="postlink" href="http://www.medford.k12.or.us/media/authors.htm">http://www.medford.k12.or.us/media/authors.htm</a><!-- m -->) page, the left image sticks to the left of #container in all but IE, how might I go about fixing this? (css (<!-- m --><a class="postlink" href="http://www.medford.k12.or.us/media/styles.css">http://www.medford.k12.or.us/media/styles.css</a><!-- m -->))
Logic question:
Would it be better (logically/accesibility/anyotherreason) to have the div containing all the bookmark links located at the bottom of the source and shift it to the top visually, or have it located at the top of the code?Logic: Since that's the point of the page then it probably should be as near the top as possible. It really should be a list.Aliright, I switched to a list, and I got the wrapping working in IE, but nowhere else, any suggestions?maybe:
background:#efefff url(images/side2.jpg) 0px 0px repeat-y;
I think that's the correct image I'm looking at. You can then mess with the "0px 0px" part to move the image around, including negative numbers. Then use hacks to get it to show correctly in various browsers if needed... i didn't really sit and look at exactly what it should be so i'm not sure.fixed the wrapping issue on the bookmarks by applying a width to the container rather than ulfyi, your page in IE5Macfyi, your page in Safari Macjust made some changes, could you check again?oh, and don't worry about wasting webdev's bw, upload pics @ samingle.com/upload.htm (<!-- m --><a class="postlink" href="http://www.samingle.com/upload.htm">http://www.samingle.com/upload.htm</a><!-- m -->)your background solution didn't work TimeBandit, it shifts the picture by the number of pxls within the container, but the actual position doesn't changeand in comes opera to p*** me off...
this is what the thing looks like in opera 7.23, any ideas how to keep it inside that container?I looked in several browsers and didn't really see a problem with the background except that it was off a couple pixels in IE, looked fine in other browsers. So now I'm not sure exactly what the issue is. Do u have PhotoShop or some such? If you really want an answer maybe u could take a screen shot, draw on it a little to show me exactly what is wrong and want you want to fix. Just a suggestion since I evidently can't tell what background issue you're having. Sorry...
I will look at it again tomorrow. Don't have access to BBand at home.Originally posted by TimeBandit
it was off a couple pixels in IE
In IE 6, which is the only ie I have access to, the background isn't flesh with the container's border, but it is in every other browser#content{
text-align:left;
font-family: 'Trebuchet MS', 'Lucida Grande',Verdana, Lucida, Geneva, Helvetica,Arial, sans-serif;
width:639px;
padding-left:135px;
background:#efefff url(images/side2.jpg) repeat-y 0px 0px;
margin-top: -10px;
margin-left: -9px;
}
html>body #content{
margin-left: 0px;
width:625px;
}
html>body #bookmarks {
margin-top: -16px;
}
This lines things up in IE6 and N7.
on this (<!-- m --><a class="postlink" href="http://www.medford.k12.or.us/media/authors.htm">http://www.medford.k12.or.us/media/authors.htm</a><!-- m -->) page, the left image sticks to the left of #container in all but IE, how might I go about fixing this? (css (<!-- m --><a class="postlink" href="http://www.medford.k12.or.us/media/styles.css">http://www.medford.k12.or.us/media/styles.css</a><!-- m -->))
Logic question:
Would it be better (logically/accesibility/anyotherreason) to have the div containing all the bookmark links located at the bottom of the source and shift it to the top visually, or have it located at the top of the code?Logic: Since that's the point of the page then it probably should be as near the top as possible. It really should be a list.Aliright, I switched to a list, and I got the wrapping working in IE, but nowhere else, any suggestions?maybe:
background:#efefff url(images/side2.jpg) 0px 0px repeat-y;
I think that's the correct image I'm looking at. You can then mess with the "0px 0px" part to move the image around, including negative numbers. Then use hacks to get it to show correctly in various browsers if needed... i didn't really sit and look at exactly what it should be so i'm not sure.fixed the wrapping issue on the bookmarks by applying a width to the container rather than ulfyi, your page in IE5Macfyi, your page in Safari Macjust made some changes, could you check again?oh, and don't worry about wasting webdev's bw, upload pics @ samingle.com/upload.htm (<!-- m --><a class="postlink" href="http://www.samingle.com/upload.htm">http://www.samingle.com/upload.htm</a><!-- m -->)your background solution didn't work TimeBandit, it shifts the picture by the number of pxls within the container, but the actual position doesn't changeand in comes opera to p*** me off...
this is what the thing looks like in opera 7.23, any ideas how to keep it inside that container?I looked in several browsers and didn't really see a problem with the background except that it was off a couple pixels in IE, looked fine in other browsers. So now I'm not sure exactly what the issue is. Do u have PhotoShop or some such? If you really want an answer maybe u could take a screen shot, draw on it a little to show me exactly what is wrong and want you want to fix. Just a suggestion since I evidently can't tell what background issue you're having. Sorry...
I will look at it again tomorrow. Don't have access to BBand at home.Originally posted by TimeBandit
it was off a couple pixels in IE
In IE 6, which is the only ie I have access to, the background isn't flesh with the container's border, but it is in every other browser#content{
text-align:left;
font-family: 'Trebuchet MS', 'Lucida Grande',Verdana, Lucida, Geneva, Helvetica,Arial, sans-serif;
width:639px;
padding-left:135px;
background:#efefff url(images/side2.jpg) repeat-y 0px 0px;
margin-top: -10px;
margin-left: -9px;
}
html>body #content{
margin-left: 0px;
width:625px;
}
html>body #bookmarks {
margin-top: -16px;
}
This lines things up in IE6 and N7.