html issue

[zcadqliv]

http://www.glimmerdog.com

Everything is currently laid out ok on my site. Visually, to me anyway. I have an error on my page where it says the main page width is already defined. I used html-tidy but when I use their fix everything gets messed up. Not sure if I'm getting good info and I need to fix .css afterward or if that isn't the right solution. Any knowledge help would be appreciated. Thanks.

[gjh42]

Your home page has

    <div id="header">
     <div id="main-width">

then a bit lower

<div id="main-width">   


<div class="row">
	<!-- ========== MENU ========== -->
		<div class="menu">
							<div id="navEZPagesTop">

the same id again. An HTML id is supposed to be unique on a page; your Template Monster template has some improper code. If you have not modified this part, you need to ask your template provider to fix it.

[zcadqliv]

Thanks for the quick reply. I was afraid you were going to say that. I was hoping that the code would be something I could change.

Apparently, Template Monster is no good. Maybe it would be easier to just get a new template? Any good suppliers? Most of my Zen files other than .css will just "fit in" right?

Thanks.

[gjh42]

You can change it if you are willing to do the work yourself. Since it is TM, we don't necessarily know what file the duplicate id will be in (possibly /includes/templates/your_template/common/tpl_header.php), but you can use your ZC admin > Tools > Developers Toolkit to search for id="main-width". The results will show file and line number, so you know which file to edit. Change one of these ids so they are not identical, like id="main-width2". Then you will need to edit rules referring to #main-width in your stylesheet as required to get back to the original look, whatever they may be.

[zcadqliv]

This is on that fine line as to my coding abilities but I'm going to try. Sounds like the toughest part will be matching up the correct CSS info.

Thanks for the help!

[gjh42]

You might instead change both id="main-width" to class="main-width". Then all you probably need to do in the stylesheet(s) is change any instances of #main-width to .main-width.

[zcadqliv]

I will definitely try that way first. Thank you for all your help!

[zcadqliv]

Thanks gjh42 - this worked and it was much easier than the alternatives. For future peeps, note: there may be multiple .CSS references to change.