Generic HTML Question - Height of 100%
Generic HTML Question - Height of 100%
Generic HTML Question - Height of 100%
Generic HTML Question - Height of 100%
Generic HTML Question - Height of 100%
Generic HTML Question - Height of 100% Generic HTML Question - Height of 100% Generic HTML Question - Height of 100% Generic HTML Question - Height of 100% Generic HTML Question - Height of 100% Generic HTML Question - Height of 100% Generic HTML Question - Height of 100% Generic HTML Question - Height of 100%
Generic HTML Question - Height of 100% Generic HTML Question - Height of 100%
Generic HTML Question - Height of 100%
Go Back  Xtreme Visual Basic Talk > > > Generic HTML Question - Height of 100%


Reply
 
Thread Tools Display Modes
  #1  
Old 04-09-2008, 09:57 AM
DoughBoy DoughBoy is offline
Centurion
 
Join Date: Jun 2006
Posts: 196
Default Generic HTML Question - Height of 100%


Hi everyone, I have a quick question and hopefully someone knows a quick solution.

I have a table, 2 rows. First row is an image that spans the two columns. The height of that image is 50px. The two columns, I wanted a height of 100% to expand the full screen. But unfortunately, the 100% gets expanded past the screen (what looks to me is 50px past the screen).

Does anyone know how to have a height of (100% - 50px)?? I'm tempted to dive into some coding to get this to work, but I don't want to assume what extra "quick bars" are installed on people's browsers and would rather stay to CSS formatting.

Thanks to all for their help.
Reply With Quote
  #2  
Old 04-14-2008, 01:53 PM
shaul_ahuvaGeneric HTML Question - Height of 100% shaul_ahuva is offline
Ultimate Contributor

Retired Leader
* Expert *
 
Join Date: Jul 2003
Location: Camp Hill, PA
Posts: 1,992
Default

You can make the containing table's height 100% and the height of the cell containing the image one pixel:
HTML Code:
<table border="1" style="height:100%;width:100%;">
<tr>
	<td colspan="2" style="height:1px;text-align:center;vertical-align:middle;"><img src="test.jpg"></td>
</tr>
<tr>
	<td>&nbsp;</td>
	<td>&nbsp;</td>
</tr>
</table>
The cell then grows to the minimum required to show all of it's content, and the cells in the next row grow to take up the rest of the space on the page.

Depending on what you're trying to accomlish, you can also make the cells look taller by using something akin to faux columns.
Reply With Quote
  #3  
Old 04-16-2008, 09:46 AM
DoughBoy DoughBoy is offline
Centurion
 
Join Date: Jun 2006
Posts: 196
Default

Thanks shaul_ahuva.
I appreciate your help with this.
Reply With Quote
Reply


Currently Active Users Viewing This Thread: 1 (0 members and 1 guests)
 
Thread Tools
Display Modes

Posting Rules
You may not post new threads
You may not post replies
You may not post attachments
You may not edit your posts

BB code is On
Smilies are On
[IMG] code is Off
HTML code is Off

Forum Jump

Advertisement:





Free Publications
The ASP.NET 2.0 Anthology
101 Essential Tips, Tricks & Hacks - Free 156 Page Preview. Learn the most practical features and best approaches for ASP.NET.
subscribe
Programmers Heaven C# School Book -Free 338 Page eBook
The Programmers Heaven C# School book covers the .NET framework and the C# language.
subscribe
Build Your Own ASP.NET 3.5 Web Site Using C# & VB, 3rd Edition - Free 219 Page Preview!
This comprehensive step-by-step guide will help get your database-driven ASP.NET web site up and running in no time..
subscribe
Generic HTML Question - Height of 100%
Generic HTML Question - Height of 100%
Generic HTML Question - Height of 100% Generic HTML Question - Height of 100%
Generic HTML Question - Height of 100%
Generic HTML Question - Height of 100%
Generic HTML Question - Height of 100% Generic HTML Question - Height of 100% Generic HTML Question - Height of 100% Generic HTML Question - Height of 100% Generic HTML Question - Height of 100% Generic HTML Question - Height of 100% Generic HTML Question - Height of 100%
Generic HTML Question - Height of 100%
Generic HTML Question - Height of 100%
 
Generic HTML Question - Height of 100%
Generic HTML Question - Height of 100%
 
-->