Site is up, looks good on FF, but not IE? Help!

[mobilephoto]

Hello All-

After working with a few of the Guru's here, and a some tutorials i got my site going in the right direction. Thanks All.
I checked it in IE.......It looks bad. All out of wack.
How do i fix this?

Vicki-

[caroline]

Hello All-

After working with a few of the Guru's here, and a some tutorials i got my site going in the right direction. Thanks All.
I checked it in IE.......It looks bad. All out of wack.
How do i fix this?

Vicki-

Hello Vicki

Congratulations to you and all who helped, your new site looks really great, very appealing.

Caroline

[mobilephoto]

Thanks Caroline-

Still not quite there, need to work on the text next, then a few other things, but we're heading in the right direction.
I have to give the credit to Al. The man was up till 3:00am helping.

Thanks for the support-

Vicki

Hello Vicki

Congratulations to you and all who helped, your new site looks really great, very appealing.

Caroline

[richW]

Vicki, Start with this repair to the slideshow code.
Add the blue text.
Remove the green *'s prior to pasting

<*script type="text/javascript"*> /
/* required slideshow variables */
slideshowContainerId = "biobox";
slideshowUrl = "http://www.mobilephoto.smugmug.com/gallery/2000804";
/* optional slideshow variables */
/* see properties section */
loadSlideshow();
<*/script*>

<*script type="text/javascript"*>
required slideshow variables */
slideshowContainerId = "mySlideshow";
slideshowUrl = "http://mobilephoto.smugmug.com/gallery/2000804";

/* optional slideshow variables */
/* see properties section */
slideHeight="400";
slideWidth="500";

if (YD.hasClass(document.body,'homepage') && !YD.hasClass(document.body,'galleries'))
loadSlideshow ();
<*/script*>

I'm still checking for any other errors.....

[mobilephoto]

Rich-

Thanks for the quick return.
Added changes, the framed area is what i wanted, but lost the slideshow and the text.

Next step......?
Vicki


Vicki, Start with this repair to the slideshow code.
Add the blue text.
Remove the green *'s prior to pasting

<*script type="text/javascript"*> /
/* required slideshow variables */
slideshowContainerId = "biobox";
slideshowUrl = "http://www.mobilephoto.smugmug.com/gallery/2000804";
/* optional slideshow variables */
/* see properties section */
loadSlideshow();
<*/script*>

<*script type="text/javascript"*>
required slideshow variables */
slideshowContainerId = "mySlideshow";
slideshowUrl = "http://mobilephoto.smugmug.com/gallery/2000804";

/* optional slideshow variables */
/* see properties section */
slideHeight="400";
slideWidth="500";

if (YD.hasClass(document.body,'homepage') && !YD.hasClass(document.body,'galleries'))
loadSlideshow ();
<*/script*>
I'm still checking for any other errors.....

[richW]

Sorry. Change this: slideshowContainerId = "biobox"; to this: slideshowContainerId = "bioBox";
I will have to check out the code of the text along side of your slideshow.

[mobilephoto]

Rich-
Made bioBox change......still no slideshow or text

Vicki

Sorry. Change this: slideshowContainerId = "biobox"; to this: slideshowContainerId = "bioBox";
I will have to check out the code of the text along side of your slideshow.

[Allen]

Rich-
Made bioBox change......still no slideshow or text

Vicki
Your slideshow is named #mySlideshow in the bioBox so in your footer code it should read:

slideshowContainerId = "mySlideshow";

If the slideshow appears it might bring your text back in place. Right now
this will get your text back in the biobox but don't use until slideshow works.

#myText {
position:relative;
text-align:left;
top: 20px;
width:170px;
height: 40;
left:530px;
padding:0px;
background:none;
}

Al

[mobilephoto]

Al & Rich

Changed bioBox to mySlideshow in the footer code........still no slideshow

Any other suggestions?

Vicki
Your slideshow is named #mySlideshow in the bioBox so in your footer code it should read:

slideshowContainerId = "mySlideshow";

If the slideshow appears it might bring your text back in place. Right now
this will get your text back in the biobox but don't use until slideshow works.

#myText {
position:relative;
text-align:left;
top: 20px;
width:170px;
height: 40;
left:530px;
padding:0px;
background:none;
}

Al

[Allen]

Al & Rich

Changed bioBox to mySlideshow in the footer code........still no slideshow

Any other suggestions?

Vicki You're missing the opening comment /*

/* required slideshow variables */
slideshowContainerId = "mySlideshow";

Al

[mobilephoto]

Al
This is what is in my footer-

******** type="text/javascript"> /
/* required slideshow variables */
slideshowContainerId = "mySlideshow";
slideshowUrl = "http://www.mobilephoto.smugmug.com/gallery/2000804";
/* optional slideshow variables */
/* see properties section */
loadSlideshow();
</********
******** type="text/javascript">
required slideshow variables */
slideshowContainerId = "mySlideshow";
slideshowUrl = "http://mobilephoto.smugmug.com/gallery/2000804";
/* optional slideshow variables */
/* see properties section */
slideHeight="400";
slideWidth="500";
if (YD.hasClass(document.body,'homepage') && !YD.hasClass(document.body,'galleries'))
loadSlideshow ();
</********

Isn't that the same opening comment?

Vicki

You're missing the opening comment /*

/* required slideshow variables */
slideshowContainerId = "mySlideshow";

Al

[Allen]

Al
This is what is in my footer-

******** type="text/javascript"> /
/* required slideshow variables */
slideshowContainerId = "mySlideshow";
slideshowUrl = "http://www.mobilephoto.smugmug.com/gallery/2000804";
/* optional slideshow variables */
/* see properties section */
loadSlideshow();
</********
******** type="text/javascript">
/* required slideshow variables */
slideshowContainerId = "mySlideshow";
slideshowUrl = "http://mobilephoto.smugmug.com/gallery/2000804";
/* optional slideshow variables */
/* see properties section */
slideHeight="400";
slideWidth="500";
if (YD.hasClass(document.body,'homepage') && !YD.hasClass(document.body,'galleries'))
loadSlideshow ();
</********

Isn't that the same opening comment?

Vicki
Ya got two of them.:D Remove the red and add the green /*
A

[mobilephoto]

Hello All-

Made suggested changes to the footer code, took me back to square one......:huh
Looks great on FF, But not on IE6
Any other suggestions?

I imagine most people will view my page using IE, should i go that route and change so IE users will view the page correctly, or is there a fix for this?

I would think that everyone who developes their site using FF has this issue, and there must be a fix?


Thanks All,
Let me know please-
Vicki

Ya got two of them.:D Remove the red and add the green /*
A

[Allen]

Hello All-

Made suggested changes to the footer code, took me back to square one......:huh
Looks great on FF, But not on IE6
Any other suggestions?

I imagine most people will view my page using IE, should i go that route and change so IE users will view the page correctly, or is there a fix for this?

I would think that everyone who developes their site using FF has this issue, and there must be a fix?


Thanks All,
Let me know please-
Vicki
One minor fix, see green

I can't get IE #myText to move.:scratch
Add the red and see if it moves the text.

#myText {
position:relative;
text-align:left;
top:-400px;
width:170px;
height: 400px;
left:530px;
_left: 300px;
padding:0px;
background:none;
}

If that don't do it we definitely need an IE expert.
Al

[mobilephoto]

Al-
Much Better, the text is where it should be (with slight adjustment of numbers) in IE6. There is still that Huge area under the slideshow / text with nothing there.
Rich sent me this:

Vicki, Start with this repair to the slideshow code.
Add the blue text.
Remove the green *'s prior to pasting
Code:
<*script type="text/javascript"*> //* required slideshow variables */ slideshowContainerId = "biobox"; slideshowUrl = "http://www.mobilephoto.smugmug.com/gallery/2000804"; /* optional slideshow variables *//* see properties section */ loadSlideshow();<*/script*><*script type="text/javascript"*> required slideshow variables */ slideshowContainerId = "mySlideshow"; slideshowUrl = "http://mobilephoto.smugmug.com/gallery/2000804"; /* optional slideshow variables */ /* see properties section */ slideHeight="400"; slideWidth="500"; if (YD.hasClass(document.body,'homepage') && !YD.hasClass(document.body,'galleries')) loadSlideshow ();<*/script*>


I'm still checking for any other errors.....
__________________
Rich


when added, it fixed the framed area (looked like in FF when viewing in IE6).
But i lost the slideshow & text.
Maybe you can see a tweek i dont see?

Let me know-
Vicki

One minor fix, see green

I can't get IE #myText to move.:scratch
Add the red and see if it moves the text.

#myText {
position:relative;
text-align:left;
top:-400px;
width:170px;
height: 400px;
left:530px;
_left: 300px;
padding:0px;
background:none;
}

If that don't do it we definitely need an IE expert.
Al

[Allen]

Al-
Much Better, the text is where it should be (with slight adjustment of numbers) in IE6. There is still that Huge area under the slideshow / text with nothing there.
Rich sent me this:

Vicki, Start with this repair to the slideshow code.
Add the blue text.
Remove the green *'s prior to pasting
Code:
<*script type="text/javascript"*> //* required slideshow variables */ slideshowContainerId = "biobox"; slideshowUrl = "http://www.mobilephoto.smugmug.com/gallery/2000804"; /* optional slideshow variables *//* see properties section */ loadSlideshow();<*/script*><*script type="text/javascript"*> required slideshow variables */ slideshowContainerId = "mySlideshow"; slideshowUrl = "http://mobilephoto.smugmug.com/gallery/2000804"; /* optional slideshow variables */ /* see properties section */ slideHeight="400"; slideWidth="500"; if (YD.hasClass(document.body,'homepage') && !YD.hasClass(document.body,'galleries')) loadSlideshow ();<*/script*>


I'm still checking for any other errors.....
__________________
Rich


when added, it fixed the framed area (looked like in FF when viewing in IE6).
But i lost the slideshow & text.
Maybe you can see a tweek i dont see?

Let me know-
Vicki
You still have double code in footer.
Remove the red.

< script type="text/javascript" >
/* required slideshow variables */
/* slideshowContainerId = "mySlideshow";
slideshowUrl = "http://www.mobilephoto.smugmug.com/gallery/2000804";
/* optional slideshow variables */
/* see properties section */
loadSlideshow();
< /script >

< script type="text/javascript" >
/* required slideshow variables */
slideshowContainerId = "mySlideshow";
slideshowUrl = "http://mobilephoto.smugmug.com/gallery/2000804";

/* optional slideshow variables */
/* see properties section */
slideHeight="400";
slideWidth="500";

if (YD.hasClass(document.body,'homepage') && !YD.hasClass(document.body,'galleries'))
loadSlideshow ();
< /script >

Try this, add green, worked to move text.
#userBio {
position:relative;
margin-top:10px;
left:-5px;
text-align:center;
height:420px;
_height:420px;
width:715px;
border: 12px ridge #aaaaaa;
background: #000000;
}


Al

[Allen]

Don't know if this is causing problems but I'd remove red in your footer.

< ul>< center>
<!-- Start of StatCounter Code -->
< script type="text/javascript" language="javascript" >
var sc_project=2170075;
var sc_invisible=0;
var sc_partition=19;
var sc_security="fcc294f2";
< /script >
< /ul>

This looks not right either.

<ul>
<center><li><a href="mailto:mobilephoto@sti.net">Send an E-Mail to Mobile Photo</a></li>
</ul>

Al

[mobilephoto]

Al-
Added change to css _height:420px; did nothing to framed area.

This is what i have in my footer:

< script type="text/javascript" >
/* required slideshow variables */
slideshowContainerId = "mySlideshow";
slideshowUrl = "http://mobilephoto.smugmug.com/gallery/2000804";

/* optional slideshow variables */
/* see properties section */
slideHeight="400";
slideWidth="500";

if (YD.hasClass(document.body,'homepage') && !YD.hasClass(document.body,'galleries'))
loadSlideshow ();
< /script >

If you can think of anything else, get back to me.

Also- I would like to add a different font & color to the text on my home page can you give me a hand with that?

Thanks,
Vicki

You still have double code in footer.
Remove the red.

< script type="text/javascript" >
/* required slideshow variables */
/* slideshowContainerId = "mySlideshow";
slideshowUrl = "http://www.mobilephoto.smugmug.com/gallery/2000804";
/* optional slideshow variables */
/* see properties section */
loadSlideshow();
< /script >

< script type="text/javascript" >
/* required slideshow variables */
slideshowContainerId = "mySlideshow";
slideshowUrl = "http://mobilephoto.smugmug.com/gallery/2000804";

/* optional slideshow variables */
/* see properties section */
slideHeight="400";
slideWidth="500";

if (YD.hasClass(document.body,'homepage') && !YD.hasClass(document.body,'galleries'))
loadSlideshow ();
< /script >

Try this, add green, worked to move text.
#userBio {
position:relative;
margin-top:10px;
left:-5px;
text-align:center;
height:420px;
_height:420px;
width:715px;
border: 12px ridge #aaaaaa;
background: #000000;
}


Al

[Allen]

Al-
Added change to css _height:420px; did nothing to framed area.

This is what i have in my footer:

< script type="text/javascript" >
/* required slideshow variables */
slideshowContainerId = "mySlideshow";
slideshowUrl = "http://mobilephoto.smugmug.com/gallery/2000804";

/* optional slideshow variables */
/* see properties section */
slideHeight="400";
slideWidth="500";

if (YD.hasClass(document.body,'homepage') && !YD.hasClass(document.body,'galleries'))
loadSlideshow ();
< /script >

If you can think of anything else, get back to me.

Also- I would like to add a different font & color to the text on my home page can you give me a hand with that?

Thanks,
Vicki
Really weird, in IE the bioBox momently flashes at the correct height them expands.

How's this? Might not like red though.:D

#myText {
position:relative;
text-align:left;
top:-400px;
width:170px;
height: 400px;
left:530px;
_left: 260px;
padding:0px;
background:none;
color: red;
}

Al

[Allen]

You have an extra div at the end, remove that.

Playing again.:D
To get a different look I moved the ul at the top and added the breaks.
To support this, change the text1 to width:180px; fits rather nice.


<div id="myText">
Welcome to Mobile Photo's Web site. Some of our services include:
<ul>
<li> SPORTS PHOTOGRAPHY
traditional portraits, and
live action </li><br/>
<li> PORTRAITS studio and on location </li><br/>
<li> WEDDINGS </li><br/>
<li> CORPRATE FUNCTIONS </li><br/>
<li> SENIOR PORTRAITS </li><br/>
<li> DIGITAL &amp; GRAPHIC ART WORK </li> <br/>
<li> PHOTO RETOUCHING &amp; PHOTO ENHANCING </li> <br/>
<li> CUSTOM PRINTING </li><br/>
<li> And a large selection of SPECIALTY GIFTS </li> <br/>
<li> Contact us for All YOUR PHOTOGRAPHY NEEDS </li> </ul>
</div></div>


Al

[mobilephoto]

Back Again-

Looks much nicer-thanks Al

Made chanes to the text. Again FF looks different then IE6.
Text looks good in FF, but all scrunched up in IE6.

Can we have a banner in that spot where the text is?
So i can put something together that looks nicer then that text?

Vicki

You have an extra div at the end, remove that.

Playing again.:D
To get a different look I moved the ul at the top and added the breaks.
To support this, change the text1 to width:180px; fits rather nice.


<div id="myText">
Welcome to Mobile Photo's Web site. Some of our services include:
<ul>
<li> SPORTS PHOTOGRAPHY
traditional portraits, and
live action </li><br/>
<li> PORTRAITS studio and on location </li><br/>
<li> WEDDINGS </li><br/>
<li> CORPRATE FUNCTIONS </li><br/>
<li> SENIOR PORTRAITS </li><br/>
<li> DIGITAL &amp; GRAPHIC ART WORK </li> <br/>
<li> PHOTO RETOUCHING &amp; PHOTO ENHANCING </li> <br/>
<li> CUSTOM PRINTING </li><br/>
<li> And a large selection of SPECIALTY GIFTS </li> <br/>
<li> Contact us for All YOUR PHOTOGRAPHY NEEDS </li> </ul>
</div></div>


Al

[Allen]

Back Again-

Looks much nicer-thanks Al

Made chanes to the text. Again FF looks different then IE6.
Text looks good in FF, but all scrunched up in IE6.

Can we have a banner in that spot where the text is?
So i can put something together that looks nicer then that text?

Vicki
Which version of IE are you using? The text is now in the right position.
Getting closer. Now only the text isn't spaced out and the box is too high.

You can put another image there but without solving the box height it'll still
look funny.

Al

[mobilephoto]

Hello Again-

Still having problems with how my site looks using IE vs FF. Need a fix for the "Box" size when using IE. Like i said before looks great on FF, not on IE.

Not sure what version IE i have Al, this computer runs windows 2000 so i assumed it was IE6. My laptop is 1 month old and looks the same on that IE browser.

Any suggestions?

Vicki

Which version of IE are you using? The text is now in the right position.
Getting closer. Now only the text isn't spaced out and the box is too high.

You can put another image there but without solving the box height it'll still
look funny.

Al

[mobilephoto]

I hate to be a nag, but i've posted a thread last week and still have no answer for my IE vs. FF issue.

The site looks great in FF, but when i look at it in IE (which which is how most of my customers will view it), there is a large space within the framed area, under the slideshow/text. In FF not there. How do i correct this?

www.mobilephoto.smugmug.com (http://www.mobilephoto.smugmug.com)

Thanks-
Vicki

[Andy]

I hate to be a nag, but i've posted a thread last week and still have no answer for my IE vs. FF issue.

The site looks great in FF, but when i look at it in IE (which which is how most of my customers will view it), there is a large space within the framed area, under the slideshow/text. In FF not there. How do i correct this?

www.mobilephoto.smugmug.com (http://www.mobilephoto.smugmug.com)

Thanks-
Vicki
Merged threads. New threads on same subject don't help the helpers help you, iit makes it harder :D

I'll make sure that our specialist see this thread too. Thanks for your patience.

[mobilephoto]

Sorry Andy-

I understand that, but this is on my mind, and i was getting no responces the other way, at least you got back to me by doing this.
Seems this is an issue that occures when the GURU"S here want you to use FF, and most have IE as there browser.

Hopfully the specialist will have an answer.

Vicki-

Merged threads. New threads on same subject don't help the helpers help you, iit makes it harder :D

I'll make sure that our specialist see this thread too. Thanks for your patience.

[Andy]

Sorry Andy-

I understand that, but this is on my mind, and i was getting no responces the other way, at least you got back to me by doing this.
Seems this is an issue that occures when the GURU"S here want you to use FF, and most have IE as there browser.

Hopfully the specialist will have an answer.

Vicki-Vicki, all the help here is given by the community, AND SmugMug employees. We WILL help you.

We design and code for Firefox, IE6 and 7.

Your patience is requested, thanks. I've asked a specialist to come to this thread, today, Saturday.

Standby please.