Customers report my site design is displaying strange but I can not duplicate PLEASE HELP

by cctravis

Posted: 15 years ago 17 replies

WEB DESIGN

I have a website that promotes a guesthouse. The website is Bocas Del Toro Hotels Alternative | Bahia Del Sol

Some customers are saying the reservation column is displaying at the bottom left side of the screen. I can not duplicate this problem at all. Since this is where all reservations are taken it is important for it to dispaly correctly for everyone.

Can any warriors give me some tips on what I might need to do?

Thanks a bunch

#customers #design #displaying #duplicate #report #site #strange

mywebwork 15 years ago

A quick check to try and duplicate this is to use browsershots.org:

Website overview for http://www.bocasbahiadelsol.com/

This gives you a look at how your site appears on multiple web browsers and platforms. At a glance, there are a few browsers that are giving errors for your site.

Next step is to visit the validation tool at The W3C Markup Validation Service . When I ran your site through this it produced 63 errors and 19 warnings. The validation tool gives specific details on each error and warning.

Hope this helps

Bill
- Thanks
{{ DiscussionBoard.errors[1087915].message }}
cctravis 15 years ago

Thanks but this does not work so well on wordpress sites. It is very hard to find where you have to change the code and it almost always causes my site to become unusable after I try to go through it.

Any other ideas for wordpress sites and how to make sure the code is valid in all browsers.
- Thanks
{{ DiscussionBoard.errors[1088055].message }}
mywebwork 15 years ago

Actually it doesn't matter if the site was created in WordPress - at the end of the day its the validity of the HTML that counts. Thousands of WordPress sites score perfectly on the W3C Validation service.

You could insert some HTML comments into the various sections (i.e. sidebar.php. header.php) of your WordPress theme and then look at the W3C report to get an idea of which section of your theme is causing the problem.
- Thanks
{{ DiscussionBoard.errors[1088135].message }}
tuldok 15 years ago

there are certain code that are validated by w3c but there still cross browser issue.. wordpress themes are crossbrowser compatible? how you end up with an error like this?
there are some div that overlap each other.. i think that's the source of your problem..
- Thanks
{{ DiscussionBoard.errors[1088137].message }}
cctravis 15 years ago

I know I have other wordpress sites that are 100% valid in w3c but when i have a site that's not i always find it very complex when trying to figure out where the code is that needs fixed after I run w3c validator on a wordpress site.

When i try to use the tidy up feature my site almost always crashes or does not look right afterwards.

Can you recommend any plugins? online tools? or strategies to easily be able to find the non valid code in a wordpress site?
- Thanks
{{ DiscussionBoard.errors[1088147].message }}
cctravis 15 years ago

Found a nice webpage about someone going through my same pain

http://samdevol.com/wordpress-troubl...alidate-oh-my/
- Thanks
{{ DiscussionBoard.errors[1088180].message }}
cctravis 15 years ago
I did EXACTLY as told above and got ride of some of the errors but still have some problems.

I believe I found the div tags that are incorrect but I can not locate them in the code. They appear to be in the sidebar.php but the code is not there.
1. 
2. <h2><em><strong>Bahia Del Sol Reservations</strong></em></h2>
3. <strong> All rates, availability, and booking info is located in our reservation system.
4. <br />
5. <br />
6. Our reservation system is always updated in real time and 100% accurate.
7. <br />
8. <br />
9. <font color="#FF0000">Please read the <a href="http://www.bocasbahiadelsol.com/must-read-faq/" target="_blank" >"Must Read FAQ" </a> completely before booking your reservation.</font> </strong>
10. <iframe style="height: 200px; width: 252px; border:none"
11. src="https://Secure.RezOvation.com/Reservations/CheckAvailabilityEmbedded.aspx?_0U7ZW9524XZSLU"onc lick="pageTracker._link(this.href); return false;"
12. noresize frameborder="0" scrolling="no"
13. allowtransparency="true"></iframe>
14. <a href="https://Secure.RezOvation.com/Reservations/AvailabilityCalendar.aspx?_0U7ZW9524XZSLU" onclick="pageTracker._link(this.href); return false;"><strong>Availability and Rate Calendar</strong></a>
15. <br /><br />
16. <strong>We do not currently except American Express Cards</strong> <br /><br />
17. <h2><em><strong>Newsletter</strong></em></h2>
18. <script type="text/javascript" src="http://forms.aweber.com/form/95/475963495.js"></script>
19. <br /><br />
20. <div id="TA_selfservprop57" class="TA_selfservprop">
21. <ul id="4Ch9MtW96" class="TA_links zr5KmmL">
22. <li id="ypmIjXe" class="sQlIP9hrSm">Traveler Reviews for <a href="http://www.tripadvisor.com/Hotel_Review-g304171-d600088-Reviews-Bahia_Del_Sol-Bocas_Town_Isla_Colon_Bocas_del_Toro.html">Bahia Del Sol</a></li>
23. </ul>
24. </div>
25. <script src="http://www.tripadvisor.com/WidgetEmbed-selfservprop?uniq=57&locationId=600088&lang=US&rat ing=true&nreviews=3&writereviewlink=true&popIdx=tr ue&iswide=false"></script>
26. <br /><br />
27. 
31. </div>
32. <div class="clear"></div>
33. </div>
34. </div>
35. 
- Thanks
{{ DiscussionBoard.errors[1088288].message }}
cctravis 15 years ago

The extra </div> right before  but that is no where in the sidebar.php and its not in any other file either.

I took the time to place notes on every file so I could locate the errors.

Any help or thoughts on locating this hiding code?
- Thanks
{{ DiscussionBoard.errors[1088292].message }}
cctravis 15 years ago

Damn it... now for the second time tonight I have ruined my entire site and have to restore from a backup just trying to fix these little issues.

Why cant everyone just use firefox and Ie7+ it looks great in those
- Thanks
{{ DiscussionBoard.errors[1088401].message }}
logodesigner 15 years ago

Maybe it is in the issue of browser and javascript
- Thanks
{{ DiscussionBoard.errors[1088479].message }}
cctravis 15 years ago

I am not sure.....but I think i have narrowed it down to these site wide errors.

Go to The W3C Markup Validation Service and type in a random interior page of my site like

http://www.bocasbahiadelsol.com/91/b...-double-suite/

Every page on my site has the same 4 errors.

I have spent hours tonight trying to correct them but for the life of me I can not do it. Remember I am using wordpress.

Any help or thoughts would be a god send this is driving me nuts.

My problem is I hove gone through every page of code that is generated for my site and some of these errors I can not even locate. I even have commented each page of my code so I can find it easily when I view the complete source. Its almost like some of this code is invisible.
- Thanks
- 1 reply
{{ DiscussionBoard.errors[1088529].message }}
- cctravis 15 years ago
  
  Originally Posted by logodesigner
  
  Maybe it is in the issue of browser and javascript
  
  I guess I really dont understand what you mean here?
  
  Thanks
  
  {{ DiscussionBoard.errors[1088532].message }}
rkrause 15 years ago

Did you get it figured out? I noticed that your page background shows in IE7 but not firefox 3.0. Didn't see a problem with the reservation bar. If your still having trouble, go back and count the divs (obviously hope for an even number). Seems simple, but its solved a lot of problems for me in the past.
- Thanks
{{ DiscussionBoard.errors[1089569].message }}
rkrause 15 years ago

I just saw your invisible comment - did you find the include files? Where is the site hosted?
- Thanks
{{ DiscussionBoard.errors[1089575].message }}
tuldok 15 years ago

if you can identify which browser is not displaying properly, maybe we can help you a lot.. as i have said earlier, "there are some codes that are w3c valid but not cross browser safe"

i reviewed your site compare to last time, it seems it was displaying properly now..
- Thanks
{{ DiscussionBoard.errors[1089937].message }}
cctravis 15 years ago

Never figured out where the extra Div is located? I am not sure what browser it is in all my browsers it looks fine.
- Thanks
- 1 reply
{{ DiscussionBoard.errors[1092420].message }}
- Aronya 15 years ago
  
  Originally Posted by cctravis
  
  I am not sure what browser it is in all my browsers it looks fine.
  
  So... Maybe you should go back to those customers who told you about it, and ask them?
  
  Thanks
  
  {{ DiscussionBoard.errors[1098077].message }}

Customers report my site design is displaying strange but I can not duplicate PLEASE HELP

Trending Topics

Some interesting stats about brand comms

Fixing a massive traffic drop after rebranding

Meta AI now has Google Search results

Looking at the average screen time and socmed usage

What's the Best IM-Related Skill to Learn Today That Can Help in the Future?