Solved

Problem with table displays

Posted on 2016-08-25
3
70 Views
Last Modified: 2016-08-25
I'm having a problem with a display with php.

Here's the deal and it may seem complicated.

In Manhatten a block measures 200 feet, so each side of the street the frontage of all the stores should total 200 feet.  
Go trust a client to make sure the data is correct!  Sometimes the block was 130' and sometimes it was 275'.  So what I did was add up all the frontages on left and right sides of the page (2 different variables) , divide those number into 200.  This way I could multiply the individual store frontage by the result that I got to set the height of the rows in the left and right tables for each store front.

The logic works but the results are not correct. I've checked the frontages and they do add up.
The display in the lower left corner shows the left and right frontage totals.  "lm" and "rm" are multipliers that I'm using.

Attachments:
Page 1:
This is what the screen should look like if the client entered the data correctly.  Left and right  both add up to 200 and the multiplier is one.

Page 2:
Left and right frontages are both short.  So I take the multipliers (1.25 for left and 1.42...... for the right), multiply this by the store frontage and use that result to set the height of the table row.

Page 3:
This is where it gets weird.  The left, right and multiplier are the same as on page 1,  but the south street names got forced to the right.

I first posted this at php and was told that I should wrap the tables, so I added the following to the css:

#map_wrap
{
      width: auto;
      height: 220px;
}

I add the <div id="map_wrap"> and the </div> to the code and I get the same results as with out the wrap.

The one thing that I have noticed is the tables appear to be a couple of pixels different in height.

I've also attache the code that displays the tables.
map_lr.php
Map_Screens.doc
0
Comment
Question by:breeze351
[X]
Welcome to Experts Exchange

Add your voice to the tech community where 5M+ people just like you are talking about what matters.

  • Help others & share knowledge
  • Earn cash & points
  • Learn & ask questions
  • 2
3 Comments
 
LVL 57

Accepted Solution

by:
Julian Hansen earned 500 total points
ID: 41770924
It would be easier if we could see the rendered HTML - can you post that.

Have you run your html through a validator to determine if the markup is correct - no missing closing tags etc - that is usually what causes things like this.
0
 

Author Closing Comment

by:breeze351
ID: 41771020
Got it:

1.  Had width set as 100% instead of "100%"
2.  Did you know that width isn't spelled "wisth"?

It was 2 typos and I've been going nuts looking for logic displays!

Thanks
0
 
LVL 57

Expert Comment

by:Julian Hansen
ID: 41771229
I sometimes wisth width was spelled that way ... spelling errors are the bane of my developer existence - so welcome to the club.

Others you are most welcome.
0

Featured Post

Independent Software Vendors: We Want Your Opinion

We value your feedback.

Take our survey and automatically be enter to win anyone of the following:
Yeti Cooler, Amazon eGift Card, and Movie eGift Card!

Question has a verified solution.

If you are experiencing a similar issue, please ask a related question

Suggested Solutions

Title # Comments Views Activity
Anyone familiar with PhotoSwipe? 3 42
Need help with FaceBook login 2 43
CSS for Popup in ASP.NET 4 49
Web page design problem 3 41
Have you tried to learn about Unicode, UTF-8, and multibyte text encoding and all the articles are just too "academic" or too technical? This article aims to make the whole topic easy for just about anyone to understand.
Not sure what the best email signature size is? Are you worried about email signature image size? Follow this best practice guide.
In this tutorial viewers will learn how to code links for mobile sites that, once clicked, send a call or text to a specified number. For a telephone link (once clicked, calls a number), begin with a normal "<a href=" link tag. For the href, specify…
In this tutorial viewers will learn how to style different bullet points for unordered lists in CSS. Begin with a normal unordered list; the default bullet point is a solid circle: In the CSS, create a defined class of unordered list by typing "ul.S…

751 members asked questions and received personalized solutions in the past 7 days.

Join the community of 500,000 technology professionals and ask your questions.

Join & Ask a Question