tables are not aligned to the correct line

J

jic

If you take this code and save it to test.htm and open it with IE, you
will see that the takes are not aligned properly. What should
happened is that the tables should aligned like this:

________ ________
| | | |
|_______| |________|

________________
| |
|________________|
________________
| |
|________________|

but it is displaing like this,

________ ________
| | | |
|_______| |________| ________________
| |
|________________|


Any help would be greatly appreciated. Here is the code...

<!doctype html public>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>title</title>
<style type="text/css">
body {text-align: left; font-family: tahoma;
font-size:9pt; background-color:lightblue}
</style>
</head>
<body>
<table border="1" align="right" style="font-size:12px; background-
color:"ddffdd">
<td align="right">Some String1<br>
Some string2 (BLAH)<br>
<img
height="60%"
width="60%"
align="right"
src="../../../../Logo.jpg"
alt="ALT String"
title="title TITLE"
border="0" />
</td>
<td align="right">Some string3<br><b>Name</b><br><b>Phone:</b> ###-
###-####<br><b>String:</b> #*###-###<br><b>Fax:</b> ###-###-
####<br><b>[email protected]</b></td>
</table>
<table cellpadding="3" border="1" bordercolor=darkdarkblue
align="left"
style="font-size:12px; background-color:"ddffdd">
<tr><th colspan="2"> <center>Quotation</center> </th></
tr><tr align="left"><td>Quote Reference</td><td>String</td></tr><tr
align="left"><td>Customer Contact</td><td>String</td></tr><tr
align="left"><td>Number</td><td>-</td></tr><tr align="left"><td>Date</
td><td>Wed Jan 27, 2010 22:58:44</td></tr>
</table>
<br><br><p><br><br><br><br><br><p>
<table width=100% cellpadding="3" border="1" bordercolor=darkblue
align="left"
style="font-size:12px;" background-color:"ddffdd">
<tr><th colspan="0"> <center>Notes and Assumptions</center>
</th></tr>
<tr align="center"></b></tr><tr align="left"><td>lots of strings</
td></tr>
<tr align="left"><td><b>blah1<b></td></tr>
<tr align="left"><td>blah2</td></tr>
<tr align="left"><td>blah3</td></tr>
</table>
<p><p><br><br>
<table width=100% cellpadding="3" border="1" bordercolor=darkblue
align="left"
style="font-size:12px;" background-color:"ddffdd">
<tr><th colspan="8"> <center>Quote Summary</center> </th></
tr>
<tr align="center"><td width=12%><b>Deliverables</b></td>
<td width=12%><b>German - Germany</b></td>
<td width=12%><b>Spanish - International</b></td>
<td width=12%><b>French - International</b></td>
<td width=12%><b>Italian - Italy</b></td>
<td width=12%><b>Dutch - Netherlands</b></td>
<td width=12%><b>Portuguese - Brazil</b></td>
<td width=12%><b>Total</b></td></b></tr><tr>
<td width=12% align="left">Strings and strings</td>
<td width=12% align="right">10.00</td>
<td width=12% align="right">10.00</td>
<td width=12% align="right">10.00</td>
<td width=12% align="right">10.00</td>
<td width=12% align="right">10.00</td>
<td width=12% align="right">10.00</td>
<td width=12% align="right">10.00</td></tr>

</table>
<br><br><br><br><br><br><br><br><br>
<table width=100% cellpadding="3" border="1" bordercolor=darkblue
align="left"
style="font-size:12px;" background-color:"ddffdd">
<tr><th colspan="8"> <center>Quote Details</center> </th></
tr><tr align="center"><td width=12%><b>Details</b></td><td
width=12%><b>German - Germany</b></td><td width=12%><b>Spanish -
International</b></td><td width=12%><b>French - International</b></
td><td width=12%><b>Italian - Italy</b></td><td width=12%><b>Dutch -
Netherlands</b></td><td width=12%><b>Portuguese - Brazil</b></td><td
width=12%><b>Total</b></td></b></tr><tr><td align="left"><b>File-Proc</
b></td><td align="right">10.00</td><td align="right">10.00</td><td
align="right">10.00</td><td align="right">10.00</td><td
align="right">10.00</td><td align="right">10.00</td><td
align="right"><b>10.00</b></td></tr>
<tr><td align="left"><b>DOC-Trans</b></td><td align="right">10.00</
td><td align="right">10.00</td><td align="right">10.00</td><td
align="right">10.00</td><td align="right">10.00</td><td
align="right">10.00</td><td align="right"><b>10.00</b></td></tr>
<tr><td align="left"><b>Validation</b></td><td align="right">10.00</
td><td align="right">10.00</td><td align="right">10.00</td><td
align="right">10.00</td><td align="right">10.00</td><td
align="right">10.00</td><td align="right"><b>10.00</b></td></tr>
<tr><td align="left"><b>DTP</b></td><td align="right">10.00</td><td
align="right">10.00</td><td align="right">10.00</td><td
align="right">10.00</td><td align="right">10.00</td><td
align="right">10.00</td><td align="right"><b>10.00</b></td></tr>
<tr><td align="left"><b>PM</b> 10% of total</td><td
align="right">10.00</td><td align="right">10.00</td><td
align="right">10.00</td><td align="right">10.00</td><td
align="right">10.00</td><td align="right">10.00</td><td
align="right"><b>10.00</b></td></tr>
<tr><td align="left">Total</td><td align="right"><b>10.00</b></td><td
align="right"><b>10.00</b></td><td align="right"><b>10.00</b></td><td
align="right"><b>10.00</b></td><td align="right"><b>10.00</b></td><td
align="right"><b>10.00</b></td><td align="right"><b>10.00</b></td></
tr>

</table>
<p><p><p><p><p><p><p><p><p><!-- end --><br><br>
</body>
</html>
 
J

jic

Sorry guys, the drawings should have displayed like this:
________ ________
| | | |
|_______| |________|

________________
| |
|________________|
________________
| |
|________________|

but it is displaying like this,

_______ ________
| | | |
|_______| |________| ________________
| |
|________________|
 
J

jic

<[email protected]
,
Click to expand...
 jic said:
If you take this code and save it to test.htm and open it with IE, you
will see that the takes are not aligned properly.
Click to expand...

[snip huge amount of mark up text}

How about you taking it and putting it up on a server and giving
just the URL here?
Click to expand...

http://www.barrioinvi.net/sample.htm

again, the idea is to be able to add horizontal spaces in between the
tables. I am able to, but I have to add huge amounts of <br> and
<p>. Also, browsers behave differently, but IE is the desired fix.

thanks,

josé
 
C

C A Upsdell

<[email protected]
,
Click to expand...
jic said:
If you take this code and save it to test.htm and open it with IE, you
will see that the takes are not aligned properly.
Click to expand...

[snip huge amount of mark up text}

How about you taking it and putting it up on a server and giving
just the URL here?
Click to expand...

But first, fix the HTML and/or CSS errors. (Just looking at the code I
saw several obvious CSS errors, and one obvious HTML problem which may
produce quite different results in different browsers.) And use a
DOCTYPE which triggers Strict mode instead of Quirks mode, otherwise
browsers are less likely to produce similar results. And tell us
*which* version of IE.
 
D

dorayme

<[email protected]
,
Click to expand...
jic said:
<[email protected]
,
Click to expand...
 jic said:
If you take this code and save it to test.htm and open it with IE, you
will see that the takes are not aligned properly.
Click to expand...

[snip huge amount of mark up text}

How about you taking it and putting it up on a server and giving
just the URL here?
Click to expand...

http://www.barrioinvi.net/sample.htm

again, the idea is to be able to add horizontal spaces in between the
tables. I am able to, but I have to add huge amounts of <br> and
<p>. Also, browsers behave differently, but IE is the desired fix.
thanks,
Click to expand...

josé
Click to expand...


table {margin-bottom: 1em;} in your CSS sheet

or

<table style="margin-bottom: 1em">

(You cook Spanish maybe? Or Portuguese?)
 
J

jic

<[email protected]
Click to expand...
[snip huge amount of mark up text}
Click to expand...
How about you taking it and putting it up on a server and giving
just the URL here?
Click to expand...

But first, fix the HTML and/or CSS errors.  (Just looking at the code I
saw several obvious CSS errors, and one obvious HTML problem which may
produce quite different results in different browsers.)  And use a
DOCTYPE which triggers Strict mode instead of Quirks mode, otherwise
browsers are less likely to produce similar results.  And tell us
*which* version of IE.
Click to expand...

Do you mind pointing these out? I am not very familiar with HTML.
This HTML program I create from another application written in D,
which is used for reporting, but the tables are not aligning as I
want.
 
J

jic

<[email protected]


,
Click to expand...
 jic said:
<[email protected]
,
If you take this code and save it to test.htm and open it with IE, you
will see that the takes are not aligned properly.
[snip huge amount of mark up text}
How about you taking it and putting it up on a server and giving
just the URL here?
Click to expand...
http://www.barrioinvi.net/sample.htm
Click to expand...

again, the idea is to be able to add horizontal spaces in between the
tables.  I am able to, but I have to add huge amounts of <br> and
<p>.  Also, browsers behave differently, but IE is the desired fix.
Click to expand...
thanks,
josé
Click to expand...

table {margin-bottom: 1em;} in your CSS sheet
Click to expand...

The problem is that I want the two top ones just as they are. They
should be on the top but one on the left and the other on the right.
So, I don't want to do this for all of them.
or

<table style="margin-bottom: 1em">
Click to expand...

This one is not working.
(You cook Spanish maybe? Or Portuguese?)
Click to expand...

Spanish. :)
 

Ask a Question

Want to reply to this thread or ask your own question?

You'll need to choose a username for the site, which only take a couple of moments. After that, you can post your question and our members will help you out.

Ask a Question

Similar Threads

Can someone tell me if this a real tracker? Or is it one designed to show you a different message at certain times, ie. acting like one? 0
How to wrap <td> content . 16
Can anyone please help? HTML - two tables applying different styles 4
Uncaught ReferenceError: item is not defined at HTMLButtonElement.onclick in the: <button onclick="item.inserir()">Inserir dados</button> 1
How can I calculate the last payment of the year to be the sum of all previous payments for that year and subtracting it from Research Costs value? 7
Aligned to the left 3
Image shifts to the right when export the page to pdf 4
SendGrid email issue in responsive Gmail 1

Members online

Total: 28 (members: 1, guests: 27)
Robots: 459

Forum statistics

Threads
473,769
Messages
2,569,579
Members
45,053
Latest member
BrodieSola

Latest Threads

Top