emailmike1994
asked on
HTML Has Broken Structure of Page, Any Idea Where I Went Wrong?
I had this page together and working. I made one last change to the divs with brand names in the code below, where I took link tags and placed them inside the div around text rather than around the entire div itself. Next thing I know, my page is broken. Clearly I messed up somehow, but can't find where or how. You can see the smallest bit of my footer sticking out from behind the main container -- http://www.iloveberlincity.com/.
Any ideas?
Five hundred points and a profuse amount of thank yous to whoever can help out.
Any ideas?
Five hundred points and a profuse amount of thank yous to whoever can help out.
We are very proud of our award-winning sales and service teams at Berlin City and we encourage our customers to share their experiences online. Please feel free to post your review, story, photos or video. We have made it as easy as possible to do so. Surveys show that over 85% of new and pre-owned vehicle sales start with research on the Internet.
<h2>To leave a review, simply click on the appropriate brand below...</h2>
<p style="text-align: center;"><img class="aligncenter" src="/wp-content/themes/pcg/images/mountains.png" alt="" width="822" height="134" /></p>
<table class="brandtable bluelink" style="background-color: ffffff;" border="0" cellspacing="3" cellpadding="12" width="80%" bordercolor="black">
<tbody>
<tr>
<td><a onclick="HideDivs(); setVisibility('toyota', 'visible'); setVisibility('toyota2', 'visible'); ">Toyota</a></td>
<td><a onclick="HideDivs(); setVisibility('scion', 'visible');">Scion</a></td>
<td><a onclick="HideDivs(); setVisibility('lexus', 'visible');">Lexus</a></td>
<td><a onclick="HideDivs(); setVisibility('chevrolet', 'visible');">Chevrolet</a></td>
<td><a onclick="HideDivs(); setVisibility('honda', 'visible'); setVisibility('honda2', 'visible');">Honda</a></td>
<td><a onclick="HideDivs(); setVisibility('nissan', 'visible'); setVisibility('nissan2', 'visible');">Nissan</a></td>
<td><a onclick="HideDivs(); setVisibility('buick', 'visible');">Buick</a></td>
<td><a onclick="HideDivs(); setVisibility('gmc', 'visible');">GMC</a></td>
</tr>
<tr>
<td></td>
<td><a onclick="HideDivs(); setVisibility('kia', 'visible'); setVisibility('kia2', 'visible');">Kia</a></td>
<td><a onclick="HideDivs(); setVisibility('chrysler', 'visible');">Chrysler</a></td>
<td><a onclick="HideDivs(); setVisibility('dodge', 'visible');">Dodge</a></td>
<td><a onclick="HideDivs(); setVisibility('jeep', 'visible');">Jeep</a></td>
<td><a onclick="HideDivs(); setVisibility('ford', 'visible');">Ford</a></td>
<td><a onclick="HideDivs(); setVisibility('lincoln', 'visible');">Lincoln</a></td>
<td></td>
</tr>
</tbody>
</table>
<div class="whitelink">
<div id="lexus" style="visibility: hidden;">
<img class="alignright size-full wp-image-103" style="margin: 0px 0px 10px 0px;" title="me-logo" src="/wp-content/themes/pcg/images/me-logo.png" alt="" width="70" height="70" /><a href="http://www.iloveberlincity.com/reviews/berlin-city-lexus/">
<strong>Berlin City Lexus</strong>
191 Riverside Street
Portland, ME
Info: 877-806-6548
Service: 866-698-3477</a></div>
<div id="toyota2" style="visibility: hidden;"><img class="alignright size-full wp-image-103" style="margin: 0px 0px 10px 0px;" title="me-logo" src="/wp-content/themes/pcg/images/me-logo.png" alt="" width="70" height="70" /><a href="http://www.iloveberlincity.com/reviews/berlin-city-toyota-me/">
<strong>Berlin City Toyota</strong>
<strong>of Portland Maine</strong>
191 Riverside Street
Portland, ME
Info: 877-806-6548
Service: 866-698-3477</a></div>
<div id="toyota" style="visibility: hidden;"><img class="alignright size-full wp-image-98" style="margin: 0px 0px 10px 0px;" title="nh-logo" src="/wp-content/themes/pcg/images/nh-logo.png" alt="" width="70" height="70" /><a href="http://www.iloveberlincity.com/reviews/berlin-city-toyota-nh/">
<strong>Berlin City Toyota NH</strong>
485 Main Street
Gorham, NH
Info: 866-795-8250
Service: 800-998-6968</a></div>
<div id="scion" style="visibility: hidden;"><img class="alignright size-full wp-image-103" style="margin: 0px 0px 10px 0px;" title="me-logo" src="/wp-content/themes/pcg/images/me-logo.png" alt="" width="70" height="70" /><a href="http://www.iloveberlincity.com/reviews/berlin-city-scion/">
<strong>Berlin City Scion</strong>
191 Riverside Street
Portland, ME
Info: 877-806-6548
Service: 866-698-3477 </a></div>
<div id="chevrolet" style="visibility: hidden;"><img class="alignright size-full wp-image-98" style="margin: 0px 0px 10px 0px;" title="nh-logo" src="/wp-content/themes/pcg/images/nh-logo.png" alt="" width="70" height="70" /><a href="http://www.iloveberlincity.com/reviews/berlin-city-gm-superstore/">
<strong>Berlin City's</strong>
<strong>GM Superstore</strong>
545 Main Street
Gorham, NH
Info: 866-795-6077
Service: 800-795-2438 </a></div>
<div id="honda" style="visibility: hidden;"><img class="alignright size-full wp-image-103" style="margin: 0px 0px 10px 0px;" title="me-logo" src="/wp-content/themes/pcg/images/me-logo.png" alt="" width="70" height="70" /><a href="http://www.iloveberlincity.com/reviews/berlin-city-honda/">
<strong>Berlin City Honda of Portland</strong>
255 Maine Mall Road
South Portland, ME
Info: 877-724-4712
Service: 800-414-1429</a></div>
<div id="honda2" style="visibility: hidden;"><img class="alignright size-full wp-image-98" style="margin: 0px 0px 10px 0px;" title="nh-logo" src="/wp-content/themes/pcg/images/nh-logo.png" alt="" width="70" height="70" /><a href="http://www.iloveberlincity.com/reviews/berlin-city-honda-nh/">
<strong>Berlin City Honda NH</strong>
485 Main Street
Gorham, NH
Info: 866-795-8250
Service: 800-998-6968</a></div>
<div id="nissan" style="visibility: hidden;"><img class="alignright size-full wp-image-103" style="margin: 0px 0px 10px 0px;" title="me-logo" src="/wp-content/themes/pcg/images/me-logo.png" alt="" width="70" height="70" /><a href="http://www.iloveberlincity.com/reviews/berlin-city-nissan/">
<strong>Berlin City Nissan</strong>
<strong>of Portland</strong>
255 Maine Mall Road
South Portland, ME
Info: 877-724-4712
Service: 800-414-1429</a></div>
<div id="nissan2" style="visibility: hidden;"><img class="alignright size-full wp-image-98" style="margin: 0px 0px 10px 0px;" title="nh-logo" src="/wp-content/themes/pcg/images/nh-logo.png" alt="" width="70" height="70" /><a href="http://www.iloveberlincity.com/reviews/berlin-city-nissan-nh/">
<strong>Berlin City Nissan NH</strong>
485 Main Street
Gorham, NH
Info: 866-795-8250
Service: 800-998-6968</a></div>
<div id="buick" style="visibility: hidden;"><img class="alignright size-full wp-image-98" style="margin: 0px 0px 10px 0px;" title="nh-logo" src="/wp-content/themes/pcg/images/nh-logo.png" alt="" width="70" height="70" /><a href="http://www.iloveberlincity.com/reviews/berlin-city-gm-superstore/">
<strong>Berlin City's</strong>
<strong>GM Superstore</strong>
545 Main Street
Gorham, NH
Info: 866-795-6077
Service: 800-795-2438</a></div>
<div id="gmc" style="visibility: hidden;"><img class="alignright size-full wp-image-98" style="margin: 0px 0px 10px 0px;" title="nh-logo" src="/wp-content/themes/pcg/images/nh-logo.png" alt="" width="70" height="70" /><a href="http://www.iloveberlincity.com/reviews/berlin-city-gm-superstore/">
<strong>Berlin City's</strong>
<strong>GM Superstore</strong>
545 Main Street
Gorham, NH
Info: 866-795-6077
Service: 800-795-2438</a></div>
<div id="kia" style="visibility: hidden;"><img class="alignright size-full wp-image-98" title="nh-logo" src="/wp-content/themes/pcg/images/nh-logo.png" alt="" width="70" height="70" /><a href="http://www.iloveberlincity.com/reviews/berlin-city-kia/">
<strong>Berlin City Kia NH</strong>
485 Main Street
Gorham, NH
Info: 866-795-8250
Service: 800-998-6968</a></div>
<div id="kia2" style="visibility: hidden;"><img class="alignright size-full wp-image-98" title="vt-logo" src="/wp-content/themes/pcg/images/vt-logo.png" alt="" width="70" height="70" /><a href="http://www.iloveberlincity.com/reviews/berlin-city-kia-vt/">
<strong>Berlin City Kia VT</strong>
586 Marshall Avenue
Williston, VT
Info: 888-851-1761
Service: 800-684-5779</a></div>
<div id="chrysler" style="visibility: hidden;"><img class="alignright size-full wp-image-98" style="margin: 0px 0px 10px 0px;" title="nh-logo" src="/wp-content/themes/pcg/images/nh-logo.png" alt="" width="70" height="70" /><a href="http://www.iloveberlincity.com/reviews/berlin-city-chrysler/">
<strong>Berlin City</strong>
<strong>Dodge Jeep Chrysler</strong>
485 Main Street
Gorham, NH
Info: 866-795-8250
Service: 800-998-6968</a></div>
<div id="dodge" style="visibility: hidden;"><img class="alignright size-full wp-image-98" style="margin: 0px 0px 10px 0px;" title="nh-logo" src="/wp-content/themes/pcg/images/nh-logo.png" alt="" width="70" height="70" /><a href="http://www.iloveberlincity.com/reviews/berlin-city-dodge/">
<strong>Berlin City</strong>
<strong>Dodge Jeep Chrysler</strong>
485 Main Street
Gorham, NH
Info: 866-795-8250
Service: 800-998-6968</a></div>
<div id="jeep" style="visibility: hidden;"><img class="alignright size-full wp-image-98" style="margin: 0px 0px 10px 0px;" title="nh-logo" src="/wp-content/themes/pcg/images/nh-logo.png" alt="" width="70" height="70" /><a href="http://www.iloveberlincity.com/reviews/berlin-city-jeep/">
<strong>Berlin City</strong>
<strong>Dodge Jeep Chrysler</strong>
485 Main Street
Gorham, NH
Info: 866-795-8250
Service: 800-998-6968 </a></div>
<div id="ford" style="visibility: hidden;"><img class="alignright size-full wp-image-98" style="margin: 0px 0px 10px 0px;" title="nh-logo" src="/wp-content/themes/pcg/images/nh-logo.png" alt="" width="70" height="70" /><a href="http://www.iloveberlincity.com/reviews/berlin-city-ford/">
<strong>Berlin City</strong>
<strong>Ford Lincoln</strong>
485 Main Street
Gorham, NH
Info: 866-795-8250
Service: 800-998-6968</a></div>
<div id="lincoln" style="visibility: hidden;"><img class="alignright size-full wp-image-98" style="margin: 0px 0px 10px 0px;" title="nh-logo" src="/wp-content/themes/pcg/images/nh-logo.png" alt="" width="70" height="70" /><a href="http://www.iloveberlincity.com/reviews/berlin-city-lincoln/">
<strong>Berlin City</strong>
<strong>Ford Lincoln</strong>
485 Main Street
Gorham, NH
Info: 866-795-8250
Service: 800-998-6968</a></div>
</div><!-- end whitelink -->
<div style="position: absolute; top: 500px; left: -15px; width: 930px;">
<h2 style="padding-left: 10px;">Or, choose a Berlin City location to share your experience:</h2>
<table class="brandtable bluelink" style="background-color: #ffffff;" border="0" cellspacing="3" cellpadding="3" width="950px">
<tbody>
<tr>
<td><a title="Berlin City Chrysler Reviews" href="http://www.iloveberlincity.com/reviews/berlin-city-chrysler/">Berlin City Chrysler NH</a></td>
<td><a title="Berlin City Dodge Reviews" href="http://www.iloveberlincity.com/reviews/berlin-city-dodge/">Berlin City Dodge NH</a></td>
<td><a title="Berlin City Jeep Reviews" href="http://www.iloveberlincity.com/reviews/berlin-city-jeep/">Berlin City Jeep</a></td>
<td><a title="Berlin City GM Reviews" href="http://www.iloveberlincity.com/reviews/berlin-city-gm-superstore/">Berlin City GM Superstore NH</a></td>
</tr>
<tr>
<td><a title="Berlin City Honda Reviews" href="http://www.iloveberlincity.com/reviews/berlin-city-honda/">Berlin City Honda ME</a></td>
<td><a title="Berlin City Honda Reviews" href="http://www.iloveberlincity.com/reviews/berlin-city-honda-nh">Berlin City Honda NH</a></td>
<td><a title="Berlin City Ford Reviews" href="http://www.iloveberlincity.com/reviews/berlin-city-ford/">Berlin City Ford</a></td>
<td><a title="Berlin City Lincoln Reviews" href="http://www.iloveberlincity.com/reviews/berlin-city-lincoln/">Berlin City Lincoln NH</a></td>
</tr>
<tr>
<td><a title="Berlin City Kia Reviews" href="http://www.iloveberlincity.com/reviews/berlin-city-kia/">Berlin City Kia NH</a></td>
<td><a title="Berlin City Kia Reviews" href="http://www.iloveberlincity.com/reviews/berlin-city-kia-vt/">Berlin City Kia VT</a></td>
<td><a title="Berlin City Nissan NH" href="http://www.iloveberlincity.com/reviews/berlin-city-nissan-nh/">Berlin City Nissan NH</a></td>
<td><a title="Berlin City Nissan Reviews" href="http://www.iloveberlincity.com/reviews/berlin-city-nissan/">Berlin City Nissan ME</a></td>
</tr>
<tr>
<td><a title="Berlin City Lexus Reviews" href="http://www.iloveberlincity.com/reviews/berlin-city-lexus/">Berlin City Lexus</a></td>
<td><a title="Berlin City Scion Reviews" href="http://www.iloveberlincity.com/reviews/berlin-city-scion/">Berlin City Scion</a></td>
<td><a title="Berlin City Toyota ME" href="http://www.iloveberlincity.com/reviews/berlin-city-toyota-me/">Berlin City Toyota ME</a></td>
<td><a title="Berlin City Toyota Reviews" href="http://www.iloveberlincity.com/reviews/berlin-city-toyota-nh/">Berlin City Toyota NH</a></td>
</tr>
</tbody>
</table>
</div>ASKER
You're right. It wouldn't look broken on Firefox. On Chrome you can get a hint of what's supposed to appear at the bottom of the page.
Take a look at this screenshot:
The image is from the cached version of the site. That footer along with all of the copyright info is supposed to appear on the page. It gets pulled in from a file called footer.php.
Nothing has changed on any other files, though, but the one page in question.
What do you think?
Take a look at this screenshot:
The image is from the cached version of the site. That footer along with all of the copyright info is supposed to appear on the page. It gets pulled in from a file called footer.php.
Nothing has changed on any other files, though, but the one page in question.
What do you think?
ASKER
I was thinking one of my div tags wasn't closed, but I can't seem to find where that would be.
The only change I made from when the page looked fine until when it broke was moving link tags from outside to the inside of several divs.
Do you see where I might have caused an issue there?
The only change I made from when the page looked fine until when it broke was moving link tags from outside to the inside of several divs.
Do you see where I might have caused an issue there?
Ah-ha. Absence of evidence is not evidence of absence :)
Give me a bit of time to check things out.
Give me a bit of time to check things out.
ASKER
Good one haha.
Sure thing. Appreciate it.
Sure thing. Appreciate it.
div.wp-footer is inside the container but div.wp-bottom is outside of it. Intentional?
ASKER
That is intentional, yes.
I would think it's safe to assume that everything else happening with the theme is fine and that the fault lies with what I did on the page.
I feel like it's some kind of just silly mistake I made here.
I would think it's safe to assume that everything else happening with the theme is fine and that the fault lies with what I did on the page.
I feel like it's some kind of just silly mistake I made here.
ASKER CERTIFIED SOLUTION
membership
This solution is only available to members.
To access this solution, you must be a member of Experts Exchange.
ASKER
You pointed me in the right direction, for sure.
I made some changes to that div (making the code uglier than it was already haha) and got my footer back.
I'm still confused as to why the last changes I made to links affected the footer. They shouldn't have. That div you pointed out was there and absolutely positioned most of the afternoon without causing an issue.
Strange, but thanks man. The site is back to how it's supposed to look.
Again, appreciate the help.
I made some changes to that div (making the code uglier than it was already haha) and got my footer back.
I'm still confused as to why the last changes I made to links affected the footer. They shouldn't have. That div you pointed out was there and absolutely positioned most of the afternoon without causing an issue.
Strange, but thanks man. The site is back to how it's supposed to look.
Again, appreciate the help.
Weird. I wish I could have seen a before and after code to see if maybe you removed a clear that you shouldn't have.
Anyway, glad you got it working again.
Anyway, glad you got it working again.
It looks fine in IE 8 / FF 3.6 to me. What browser are you testing with?