Log in

View Full Version : lightbox within table shift


momonline
02-08-2007, 05:29 PM
My problem is that in Firefox the page below is perfect however in IE the background "galleries" w/blackbox outline starts getting doubled. How can I fix this? The background is set as the cell background but it is going beyond the cell in IE.

www.makeovermagic.org/galleries2.htm

Thanks, Marsha
jscheuer1
02-08-2007, 06:41 PM
I tried your page with a DOCTYPE (transitional) and it look horrible in several browsers. In light of that, I would first validate the page.

http://validator.w3.org/
momonline
02-08-2007, 06:49 PM
Jay, HELP !?!?!? I went to that validation page and got 12 errors, and I truly have not a clue what I am supposed to do. Any information that you can give me will be truly appreciated!!!!
jscheuer1
02-08-2007, 07:40 PM
Well, with script generated markup (which lightbox represents), it is almost always best to start with valid markup of your own. If you have no clue as to what valid markup is, I can see how this would put one at a disadvantage there. Oddly enough, many WYSIWYG editors will generate valid markup if you do not tinker with their output and instruct them to use a DOCTYPE so, if one does not know what one is doing, it might be best to use one of these and to only edit the code directly when required to insert scripts. Dreamwever is better than FrontPage if you want to use a big name editor but there are others out there that are cheap or free, some good, some not so good.

Back to the validator. You must start with a valid DOCTYPE and get to know the validator a bit. Most errors do contain explanations for their resolution.

To begin the validation process with your current page, replace this:


<html>
<head>
<meta name="http://www.makeovermagic.org" content="Microsoft FrontPage 5.0">
<title>MakeOverMagic :: Galleries</title>
<meta name="description" content="Profe

with this:


<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/1999/REC-html401-19991224/loose.dtd">
<html>
<head>
<title>MakeOverMagic :: Galleries</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<meta name="description" content="Profe

There is also always the option of designing with no DOCTYPE. This is known as quirksmode but, there is no validator for that and as a result, writing successful cross browser markup that way actually requires more knowledge.

Redesigning your page for you is a bit beyond the scope of these forums but, someone may take it on, who knows. If you need help with a specific error from the validator, let me know.
momonline
02-08-2007, 08:18 PM
Jay, thank you for your time.

I will look into the validate info that you gave.

What free or reasonably priced program would you recommend?

Marsha
jscheuer1
02-08-2007, 08:39 PM
Although this thread was originally about HTML editors and Linux, there are some good tips in there for anyone:

http://www.dynamicdrive.com/forums/showthread.php?t=3418

These two work with Windows:

http://www.w3.org/Amaya/Overview.html

and:

http://nvu.com/

The second one was initially for 'nix style PC's only but now has a decent Windows version as well.

It has been years since I have used anything other than a text editor so, it might be a good idea for you to also do some of your own research on this. You want an editor that will write valid code and that you can feel comfortable using without too much of a learning curve.
momonline
02-08-2007, 09:46 PM
Thanks again, I'll look into all that you have posted.

Marsha