Want to protect your cyber security and still get fast solutions? Ask a secure question today.Go Premium

x
  • Status: Solved
  • Priority: Medium
  • Security: Public
  • Views: 435
  • Last Modified:

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.

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>

Open in new window

0
emailmike1994
Asked:
emailmike1994
  • 5
  • 5
1 Solution
 
Jason C. LevineNo oneCommented:
HI emailmike1994,

It looks fine in IE 8 / FF 3.6 to me.  What browser are you testing with?
0
 
emailmike1994Author Commented:
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:

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?
0
 
emailmike1994Author Commented:
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?  
0
Concerto Cloud for Software Providers & ISVs

Can Concerto Cloud Services help you focus on evolving your application offerings, while delivering the best cloud experience to your customers? From DevOps to revenue models and customer support, the answer is yes!

Learn how Concerto can help you.

 
Jason C. LevineNo oneCommented:
Ah-ha.  Absence of evidence is not evidence of absence :)

Give me a bit of time to check things out.
0
 
emailmike1994Author Commented:
Good one haha.

Sure thing.  Appreciate it.
0
 
Jason C. LevineNo oneCommented:
div.wp-footer is inside the container but div.wp-bottom is outside of it.  Intentional?
0
 
emailmike1994Author Commented:
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.
0
 
Jason C. LevineNo oneCommented:
Never mind, I think I see the culprit:

<div style="top: 500px; left: -15px; width: 930px; position: absolute;">

The position: absolute forces the footer underneath that div.

I would change the layout so whitelink pushes down further and take absolute out of the other div.  Make sense?
0
 
emailmike1994Author Commented:
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.
0
 
Jason C. LevineNo oneCommented:
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.  
0

Featured Post

Hire Technology Freelancers with Gigs

Work with freelancers specializing in everything from database administration to programming, who have proven themselves as experts in their field. Hire the best, collaborate easily, pay securely, and get projects done right.

  • 5
  • 5
Tackle projects and never again get stuck behind a technical roadblock.
Join Now