We help IT Professionals succeed at work.

Invisible caption under IE8

ddantes
ddantes asked
on
I am working on a page at www.mauitradewinds.com/Test/StarWind.htm  and am confronted with a mystery.  Around mid-way down that page, in the middle, is a thumbnail picture of a bed.  There is a caption which reads: "Plush king-size beds in both bedrooms."  This caption is visible under all browsers except IE8 (screenshot embedded).  Under IE8, the caption can be seen if the page is opened on my local disc, but not on the server.  Can you educate me about the cause of this and how to resolve it? screenshot of thumbnail missing its caption
Comment
Watch Question

Commented:

Dear ddantes,

What means this sign of equation in this HTML code row that I have bolded?

<p class="captionText" style="padding-top: 50px;" "width:300px"="">A plush, king-sized bed in both bedrooms</p></div>

Why you use ="" ? Isn't it unnnecessary?

best regards

Nrisimha

Commented:

BTW. why then I can see this in IE 8:



 IE 8 view
Top Expert 2011
Commented:
may not fix it, but change:
<p class="captionText" style="padding-top:50px" "width:300px">

Open in new window


to
<p class="captionText" style="padding-top:50px;width:300px">

Open in new window

Author

Commented:
Thank you for your comments, and for correcting my html oversights.  I made the changes, but the caption still does not appear, but it seems isolated to one laptop running IE8 on a Windows XP platform.  I looked at the page on two desktops running IE8 and IE9 with Windows 7, a desktop running IE8 with Windows XP and a laptop running IE7 with Windows XP, and the caption is visible on all of them.
Commented:
Thank you for your comments, and for correcting my html oversights.  I made the changes, but the caption still does not appear, but it seems isolated to one laptop running IE8 on a Windows XP platform.  I looked at the page on two desktops running IE8 and IE9 with Windows 7, a desktop running IE8 with Windows XP and a laptop running IE7 with Windows XP, and the caption is visible on all of them.

Well ddantes,

Did you can see your web page with errors (  that you fix later ) when HTML page was on server, with all those browsers -  two desktops running IE8 and IE9 with Windows 7, a desktop running IE8 with Windows XP and a laptop running IE7 with Windows XP?

regards

Nrisimha

Author

Commented:
Before correcting the errors I saw the webpage on the server on every browser and operating system except for the desktop with IE8 and Windows XP.  The caption was always visible, even before the corrections.  
Top Expert 2011

Commented:
BTW, I am running Win XP / IE8 and it does not display. I took a quick peak at the styles and don't see anything obvious, but do not have the correct debugging tools on this machine to give it a proper look.

Author

Commented:
Nap0leon:  I'm glad you corroborated the observation, as I was about to chalk it up to one faulty laptop.  Adjusting the height of padding, margins, tables, captionText and divs eventually culminated in the miraculous appearance of the caption.  I am inexperienced with CSS and find it difficult to keep track of nested containers and spaces, much less knowing when they conflict.