Yet another div problem with FireFox

Hello:

I'm having a problem with CSS on my page at:

http://www.hypnotherapist.la

In IE, all is fine, but in Firefox, one of the div boxes is appearing way out of position. It's an absolute location so it should be appearing where I tell it.

The two relevant pieces of code in the source are:

DIV.Object394 { position:absolute; top:84px; left:195px; z-index:1; }

and

<div class="Object394">
<table align="center" width="187">

<tr>
<td width="187" align="center">
<A HREF="hyp_see.cgi?h=2030747" rel=nofollow><img SRC="http://www.hypnotherapist.la/pics/2030747.jpg" border=1 alt="xxxxxx"></A>



</td>
</tr>
</table>
</div>

The rest of the code can be seen in the page source. As can be seen, in IE the picture is in the correct location, (left:195), but in Firefox it appears way over at the right! All the many other divs are working fine, it's just this one.

Any help would be greatly appreciated. Thanks. I'm not an expert and may be missing something obvious.

Simon

 

div.Object394 {  /*www.hypnotherapis... (line 41)*/
left:195px;
position:absolute;
top:84px;
[color=red]width:200px;  /*nominal test value*/[/color]
z-index:1;
}

Code (markup):

Specify a width.

That has got to be as ugly, fragile and un-maintainable a page markup as I have ever seen. This is an example of why one shouldn't use a wysiwyg editor, Coffee Cup, in this case, DW elsewhere. The page is too damned simple to have used such terrible markup. There is no semantic markup, and much of what there is, is invalid. For example, what is this all about?

<div class="text-align:left;margin-left:0px;text-indent:0px;">
  <span class="textstyle0">Los Angeles Hypnotherapist<br></span>
</div>

Code (markup):

Stuff like that is scattered through the document. Throw that PoS code generator away.

gary

 

That did the trick, thank you. I appreciate it.

As far as the web page, I am a hypnotherapist, not a coder, and I got quite a long way with Coffee Cup and even further now with your assistance.

 

I understand. As long as it's for yourself, and it remains simple, you can probably manage as you are. If you enlarge and add functionality to the site, poor coding practice will make maintenance and debugging all that more difficult. As you go along, it would be a Good Thing® to learn some html and css so you can clean up the mess your cracked coffee cup leaves.

cheers,

gary

 

I don't suppose you'd like to take a quick look at the buttons at the left and tell me why only the right hand side of the buttons seem to change with Mouseover? Probably another missing tag element, or whatever you call it.

I've been using Firefox lately and I really enjoy it. Nice change from IE. I suppose the latest drama will be with this Safari for Windows that has been released.

 

Without recoding the page, I can't see how to fix your issue. That left side of the links consists of a single image, http://www.hypnotherapist.la/files/IMG_1.jpg

It appears the links underlay the left side, so possibly re-ordering the right and left sides of that column or fiddling with z-index (if they're siblings) will work. That's the kind of issues you'll run into with such html generators.

Hmm, they are siblings and the z-index did it. Make this change:

div.Object386 {   /*www.hypnotherapis... (line 33)*/
  left: 0;
  position: absolute;
  top: 0;
  [color=red]z-index: 1;[/color]
  }

Code (markup):

cheers,

gary

 

Hiya Gary,
Interesting place, isn't it?

 

Well, if it ain't Moe and Larry. Yeah, I've been here off and on for a couple of years.

cheers,

gary

 

Trying to cut back myself, actually.

 

See if you can stay a while, howard, we need more gurus and Crusty Old Guys Who Know Stuff around here.

 

Hey! I cleaned that crust off. And I'm getting my hair cut today, too!
(You can call me Doc. My name's not Howard anyway )

 

So where'd the Howard come from? Or is that some obscure stooges reference?

 

Yep. Years ago I just found a username that worked everywhere. It used to be the full thing, drhowarddrfinedrhoward, but some places started truncating it, so I just shortened it.

It came from the hospital skit, if you saw that one. "Calling Dr. Howard, Dr. Fine, Dr. Howard!!!"

 

Obscure? Drs (Moe) Howard, (Larry) Fine and (Curly) Howard are tree surgeons in "Some More of Samoa".

Obscure, indeed.

cheers,

gary

 

... and don't forget in "Men in Black" (the stooges episode, 1934 - NOT the 1996 Will Smith movie) they constantly are paged on the intercom... I believe that's the ep DrHDrF is referring to. For Duty and Humanity!

Which is why I laugh harder than everyone else at the very start of the video for Wierd Al's "Like a Surgeon"

Enough OT - as to the problem at hand... Coffeecup is a cute toy for churning out personal pages - it and all other WYSIWYGS are utter garbage when it comes to making a professional site... If this is indeed going to be a professional business type site - chuck it and either start over learning to do it right, or pay someone who knows how to do it for you.

Because tinkertoys like Coffeecup, Komposer, Frontpage and Dreamweaver are NOT going to do the job you want done.