screen resolution

[zuzupus]

hi,

actually i created a table having "style=width:100%" and for headers i set something like this
<table border="1" cellspacing="0" cellpadding="0" style="width:100%" name="rsTable" id="rsTable" cols="11">
<th width="70">Datum</th>
<th width="66">Von</th>
<th width="66">Bis</th>
<th width="55">Kunde</th>
<th width="69">Projekt</th>
<th width="84">H-Vorgang</th>
<th width="74">U-Vorgang</th>
<th width="100">Text</th>
<th width="38">IST</th>
<th width="31">Soll</th>
<th width="53">Status</th>
<th width="100">&nbsp;</th>

now problem is when i make my window resolution let say 1152*864px then it looks somewhat better how i can make it almost same(without any gaps between 2 cols) in all resolution,as larger the resolution more is gap and it looks wierd.

hopefully any help me out in this style kind of things and change the code for me as i remoced style from table and width from header it looks better in 1152*864px but more than that it wont look gr8.

http://sever2.vitodesign.com/log.phtml

thanks in advance

thanks in advance

[zuzupus]

hi,

actually i created a table having "style=width:100%" and for headers i set something like this
<table border="1" cellspacing="0" cellpadding="0" style="width:100%" name="rsTable" id="rsTable" cols="11">
<th>Datum</th>
<th>Von</th>
<th>Bis</th>
<th>Kunde</th>
<th>Projekt</th>
<th>H-Vorgang</th>
<th>U-Vorgang</th>
<th>Text</th>
<th>IST</th>
<th>Soll</th>
<th>Status</th>
<th>&nbsp;</th>

now problem is when i make my window resolution let say more than 1152*864px then the images r coming in staright line instead of top ,please the attached image for more clear
<input size="1" type="hidden" name="nr" value="<?= $pk ?>">
<td align="center">
<a href="javascript:show_calendar('tstest.datum');"><img src="../img/kalender.gif" width="65" height="16" border="0" alt="Click Here to Pick up the date"></a>
<input size="7" type="text" name="datum" value="<?=$D?> <?= date("d.m.y") ?>"></td>

<td align="center">
<img src="../img/clock.gif" onclick="inputTime();calculateIst()" width="60" height="16" alt="Clock">
<select name="von">
</select></td>

<td align="center">
<img src="../img/clock.gif" onclick="insertTime();calculateIst()" width="60" height="16" alt="Clock">
<select name="bis" onchange="calculateIst()">
<option value="<?=date('H:i')?>"><? echo (date('H:i')); ?></option>
</select></td>


http://sever2.vitodesign.com/log.phtml

thanks in advance

[PeOfEo]

You posted the same thing two times... I dont think it will be an easy task doing that, have you tried doing a resolution detect and redirect? Just redirect the larger resolutions to a new page that is designed for them. I hate using that method but it would work.