Line spacing issues between IE and FF.

[b-grinner]

See line spacing discrepancies between IE7 and FF2. Is there any code you can use in order to differentiate? I want to add a few more blank lines when in FF as opposed to IE. How do you do this? Can you do this?

[Allen]

See line spacing discrepancies between IE7 and FF2. Is there any code you can use in order to differentiate? I want to add a few more blank lines when in FF as opposed to IE. How do you do this? Can you do this?
Is it your slideshow that's at different levels in FF & IE?
Try this

#ssSlide{
margin-top: 0px; /* FF */
_margin-top: -10px; /* IE */
}

AL

[b-grinner]

Is it your slideshow that's at different levels in FF & IE?
Try this

#ssSlide{
margin-top: 0px; /* FF */
_margin-top: -10px; /* IE */
}

AL

Hi Allen,

Thanks for the above. I have been playing with the margin-top: command but to no avail. Also when I change setting for FF it seems to change for IE as well too. So not sure why the _margin-top: command is needed. They do not seem to be independent.

Is there a way through CSS to define the spacing between the navbar and the SS?

Also took a look at Andy's site and his works perfectly on IE and FF. Any idea what he is doing differently in order to make his line up correctly. Does it have anything to do with the frame he has surrounding his photos? Just guessing at possible reason here.:dunno

...Bruce

[Neptune]

Allen,

I seem to be having the same trouble :scratch

Is this similar code to what I would use for a similar issue minus different variables of "px" of course..


#ssSlide{
margin-top: 0px; /* FF */
_margin-top: -10px; /* IE */
}

[Allen]

Hi Allen,

Thanks for the above. I have been playing with the margin-top: command but to no avail. Also when I change setting for FF it seems to change for IE as well too. So not sure why the _margin-top: command is needed. They do not seem to be independent.

Is there a way through CSS to define the spacing between the navbar and the SS?

Also took a look at Andy's site and his works perfectly on IE and FF. Any idea what he is doing differently in order to make his line up correctly. Does it have anything to do with the frame he has surrounding his photos? Just guessing at possible reason here.:dunno

...Bruce Your slideshow is inside #CPslideshow and that's what needs to move. The
ssSlide was probably moving but didn't have the room to.
Try this instead.

#CPslideshow {
margin-top: 80px !important;
_margin-top: 80px !important;
}

It works in FF and just tried IE6, works there too.
Al

Edit: Your #CPslideshow is 1085px wide which might interfere
with the page elements differently between FF & IE.

[Allen]

Allen,

I seem to be having the same trouble :scratch

Is this similar code to what I would use for a similar issue minus different variables of "px" of course..


#ssSlide{
margin-top: 0px; /* FF */
_margin-top: -10px; /* IE */
}
Your slideshow is in the bio so this should work. Also see above message
thats using a different container.

#bioBox {
margin-top: 80px !important;
_margin-top: 80px !important;
}

Al

[b-grinner]

Your slideshow is inside #CPslideshow and that's what needs to move. The
ssSlide was probably moving but didn't have the room to.
Try this instead.

#CPslideshow {
margin-top: 80px !important;
_margin-top: 80px !important;
}

It works in FF and just tried IE6, works there too.
Al

Edit: Your #CPslideshow is 1085px wide which might interfere
with the page elements differently between FF & IE.

Allen,

Thank you thank you. I am seeing movement of the SS when changing the #CPSlideshow. However it seems that as I get closer to the navbar in IE additional changes do not seem to have any affect. Is this because of your comment regarding the 1085px? Is this waht is preventing the SS from moving closer to the navbar? If so where are you seeing the slideshow to be that wide. I cannot seem to find the setting. I am seeing the width set to 600 as defined in the footer section. Or am I reading this all wrong? If so then please tell me where and why?

I also still have the following CSS code defined.

#ssSlide{
margin-top: 7px; /* FF */
/* _margin-top: -15px; IE */

Should I be removing this completely and just using the #CPSlideshow instead?

[Allen]

Allen,

Thank you thank you. I am seeing movement of the SS when changing the #CPSlideshow. However it seems that as I get closer to the navbar in IE additional changes do not seem to have any affect. Is this because of your comment regarding the 1085px? Is this waht is preventing the SS from moving closer to the navbar? If so where are you seeing the slideshow to be that wide. I cannot seem to find the setting. I am seeing the width set to 600 as defined in the footer section. Or am I reading this all wrong? If so then please tell me where and why?

I also still have the following CSS code defined.

#ssSlide{
margin-top: 7px; /* FF */
/* _margin-top: -15px; IE */

Should I be removing this completely and just using the #CPSlideshow instead?
It's the #CPSlideshow container that your moving that holds the ssSlide.
The ssSlide already fills the container vertically, that's why it didn't work, so
you don't need that code. Using the Firefox WebDev I see the
#CPSlideshow width, stretches side to side.

Set the #CPSlideshow width to just wider then the #ssSlide and it will get
ride the extra width.

There could be margins or padding of the nav keeping it away also. Gotta
just play with the numbers.
Al

[b-grinner]

It's the #CPSlideshow container that your moving that holds the ssSlide.
The ssSlide already fills the container vertically, that's why it didn't work, so
you don't need that code. Using the Firefox WebDev I see the
#CPSlideshow width, stretches side to side.

Set the #CPSlideshow width to just wider then the #ssSlide and it will get
ride the extra width.

There could be margins or padding of the nav keeping it away also. Gotta
just play with the numbers.
Al

Thanks again.

Can you give me example of what you mean regarding the following. Not to sure.

Set the #CPSlideshow width to just wider then the #ssSlide and it will get ride the extra width.

I have been playing with it but very frustrating. As soon as I change one setting in FF the IE gets all out of alignment. And vice versa.

If I were to contain the SS in the BioBox would all these problems go away? Just wondering if I should just put the SS in the bioBox. Let me know your thoughts on this. Or should I just stick with what I have right now?

[Allen]

Thanks again.

Can you give me example of what you mean regarding the following. Not to sure.
Set the #CPSlideshow width to just wider then the #ssSlide and it will get ride the extra width.
I have been playing with it but very frustrating. As soon as I change one setting in FF the IE gets all out of alignment. And vice versa.

If I were to contain the SS in the BioBox would all these problems go away? Just wondering if I should just put the SS in the bioBox. Let me know your thoughts on this. Or should I just stick with what I have right now?

This gets it contained in the middle, maybe with going edge to edge might
have effected something.

#CPslideshow {
margin-top: 25px !important;
_magin-top: -40px !important;
width:700px;
height: 400px;
margin:0 auto;
}

This fine, don't really need to use the bio box.
Al