Solved

Problem with table displays

Posted on 2016-08-25
3
77 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 58

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 58

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

[Webinar] How Hackers Steal Your Credentials

Do You Know How Hackers Steal Your Credentials? Join us and Skyport Systems to learn how hackers steal your credentials and why Active Directory must be secure to stop them. Thursday, July 13, 2017 10:00 A.M. PDT

Question has a verified solution.

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

This article describes how to create custom column layout styles for Bootstrap. The article uses 5 columns to illustrate the concept, but the principle can be extended to any number of columns.
This article explains how to prepare an HTML email signature template file containing dynamic placeholders for users' Azure AD data. Furthermore, it explains how to use this file to remotely set up a department-wide email signature policy in Office …
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…
The viewer will the learn the benefit of plain text editors and code an HTML5 based template for use in further tutorials.

636 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