Hall of Fame

1. jason1178168,289
2. mplungjan45,150
3. Ray_Pas...40,986
4. b0lsc0tt28,635
5. Kravimir27,560
6. abel23,000
7. hielo21,062
8. RQuadling20,800
9. HonorGod19,500
10. gwkg18,550
11. TheLearn...16,500
12. al3cs1216,100
13. objects15,280
14. shalomc14,550
15. AsishRaj13,595
16. azadisaryev13,500
17. Tiggerito13,020
18. DropZone12,835
19. Roads_R...12,757
20. carrzkiss12,600
20. cxr12,600
22. scrathcyboy12,514
23. chilternPC11,975
24. Koma66611,000
25. dhwake10,902

1. jason1178268,606
2. scrathcyboy219,132
3. b0lsc0tt108,762
4. hielo91,042
5. mplungjan82,475
6. rdivilbiss76,413
7. Ray_Pas...55,436
8. Kravimir40,740
9. gwkg33,800
10. TName31,800
11. RQuadling30,800
12. humeniuk28,679
13. gamebits28,528
14. ahoffmann26,875
15. Steggs26,146
16. amit_g25,200
17. shalomc25,065
18. julianmatz24,432
19. routinet23,005
20. abel23,000
21. Sheharya...21,900
22. HonorGod21,500
23. TheLearn...21,350
24. _agx_19,900
25. Onthrax19,650

	[x] Posted via EE Mobile
	Search, ask, and monitor your questions on the go with EE Mobile. Visit Experts Exchange from your mobile device and never be out of touch again.

Question

	[x] Attachment Details

[x]

The Solution Rating System

With so many solutions, how can you tell which solutions are most likely to help you and which ones are not? To provide you with a tool to use, we rate our solutions based on various elements that most accurately determine if a solution is a quality solution. To explain what factors affect the solution rating, here are the elements we take into consideration when formulating our solution rating.

The Grade of the Solution
The Zone Rank of the Expert Providing the Solution
The Number of Author and Expert Comments
The Number of Experts Contributing
The Feedback of the Community

Your Input Matters
Because of the way the system is set up, the most important variable in this equation is you. As a member of Experts Exchange, you are able to cast your vote on the quality of the solutions in regard to how complete, accurate, helpful and easy to understand each solution is. When you provide your feedback, each rating is adjusted accordingly. So, if you see a solution that has a poor rating that you think is a good solution, let us know by rating it. As you do, the rating will be adjusted and will become more accurate for other members of our site.

If you have any suggestions that you would like to make for our rating system, please ask a question in the Suggestions Zone of Community Support.

Thank you!

7.5

Text and Tables spill out of containers

Asked by wreed06 in Web Development, Cascading Style Sheets (CSS), Extensible HTML (XHTML)

Tags: HTML CSS, Firefox IE Safari

I have 3 left-floated images. Then I have a table I want to place on top of the middle image. I can do that making the table a float using negative margins. Here's my problem: If the user uses ctrl + to make the screen bigger, the table spills out of that middle image onto the 3 image and even off the main portion of my page. None of the image spill. I've used percents for the image widths. Widths don't seem to make any difference on the table or the rows and columns.

I have two questions:

1. How can I keep the table within the limits of my middle image? Attached is a picture of how I want the table to always stay and a picture of what it looks like if I use ctrl + to make the screen bigger. Also is the HTML code I'm using for the table. I won't keep the border around the table.

2. I also have spill over with text. I've attached a picture of how I always want the text to look like (size wise), and what the spillover looks like if I use crtl +. How can I keep text in container no matter how many times crtl + is used?

View the Solution FREE for 30 Days

         
           
             1:
2:
3:
4:
5:
6:
7:
8:
9:
10:
11:
12:
13:
14:
15:
16:
17:
18:
19:
20:
21:
22:
23:
24:
25:
26:
27:
28:
29:
30:
31:
32:
33:
34:
35:
36:

           
           
             This is my table HTML
 
<div style="float:left;margin:-29.75% 0 0 42%;padding:0;">
   <table border=1 cellspacing=0 cellpadding=0 width="80%">
      <tr><td><td style="font-weight:bold;font-size:1em;padding-bottom:.5em;">Login</td></td></tr>
      <tr><td width="30%"><b>&nbsp;Name</td>
          <td width="60%"><input type=text id=Logname name=Logname tabindex=1 value=""></td>
      </tr>
      <tr><td width="30%"><b>&nbsp;Password&nbsp;&nbsp;</td>
         <td width="60%"><input type=password id=UserPassword name=UserPassword tabindex=2 value=""></td>
      </tr>
      <tr><td width="30%"><b>&nbsp;Company</td>
         <td width="60%"><SELECT id=XLr8Company name=XLr8Company tabindex=3 onchange="JavaScript:local_XLr8DropDowns()">
         </SELECT></td>
      </tr>
      <tr><td width="30%"><b>&nbsp;Period</td>
         <td width="60%"><SELECT id=XLr8PeriodEnd name=XLr8PeriodEnd size=1 tabindex=4>
         </SELECT></td>
      </tr>
      <tr><td align=right colspan=3><input type=submit value="Login" tabindex=99 id=submit1 name=submit1></td>
      </tr>
   </table>
</div>
 
--------------------
 
This is my text HTML code:
 
<div style="background-color:#fff;"><csgroup name="11E61874" locked="locked"></csgroup>
   <div style="height:1.2em;background-color:#96A5CD;width:100%;color:black;text-align:center;
        font-weight:bold;font-size:125%;">This is a company name&nbsp;&nbsp;
        <span style="color:white;font-size:60%;">This is a long, long, long company tag
              line</span>               
    </div>
<!-- more stuff -->
</div>

           
         

Attachments:

CorrectView.png (100 KB) (File Type Details)

The way I want the table to always look no matter the size of the screen

SpilloverView.png (97 KB) (File Type Details)

What the table looks like when crtl + is used

CorrectText.png (1 KB) (File Type Details)

The way I want my title text to always look no matter the size of the screen

SpilloverText.png (7 KB) (File Type Details)

What the title text looks like when crtl + is used

20091111-EE-VQP-92 / EE_QW_2_20070628

Text and Tables spill out of containers

Asked by wreed06 in Web Development, Cascading Style Sheets (CSS), Extensible HTML (XHTML)

Tags: HTML CSS, Firefox IE Safari

About this solution