5 svar · 465 visningar · startad av CokeLight
Hejsan,
Jag har två placeholders som laddar två user controls, ucPage och ucFooter. När ucPage (som ligger ovanför ucFooter) innehåller olika sidor med statisk text så så flyttar sig ucFooter ner såsom jag vill så att de inte överlappar varandra. Men när ucPage innehåller en datagrid som ju skapar nån form av tabell så ligger ucFooter kvar på samma ställe och ligger "ovanpå" ucPage när man ser resultatet i browsern. Nån som vet hur man fixar eller kringgår det..?
Jag har lagt placeholders i en vanlig < table>, och även provat att lägga till runat="server", provat att använda <div style="position:relative".. men det hjälpte inte.. fast jag är osäker på hur relative funkar.. antar att problemet är att datagriden är server genererad kod som då körs innan min HTML är klar.. men borde då inte < table runat="server" . . . > hjälpa?
bifogar lite (HTML) kod iaf:
<tr>
<td width="10"> </td>
<td colspan="2">
<!-- HEADER ABOVE -->
<div style="POSITION:relative">
<asp:placeholder id="plhPage" runat="server"></asp:placeholder>
</div>
<!-- FOOTER BELOW -->
</td>
</tr>
<tr>
<td width="10"> </td>
<td colspan="2">
<asp:placeholder id="plhFooter" runat="server"></asp:placeholder>
</td>
</tr>
om det var oklart hur jag menade skriver jag gärna lite mer.. tycker att det borde va ett relativt vanligt problem ändå eller..? :)
.. provade även med att göra om hela table till <asp:Table> o även <asp:TableRow> men det blir samma fel.. förstår inte varför inte servern kan känna av att tablen borde expandera när datagriden ökar i storlek..
såsom jag ser det nu är den snabbaste lösningen att köra frames men det känns ju som om man halkar 10 år tillbaka i tiden.. borde väl finnas nåt modernare sätt att fixa sånt här..?! :)
.. kommer alls ihåg hur jag löst såna här problem förut.. om jag nu gjort det.. :l
Hur ser den renderade htmlkoden ut?
Hej desdecado.. sorry att jag dröjde med svaret.. ett tag trodde jag att det hade löst sig men hade klickat på fel länk.. ehm.. :) o sen kom lite annat emellan..
men i alla fall, här är HTML som renderas.. jag kan ju skicka med asp koden också om det skulle hjälpa.. (höll på o testa med olika varianter så den HTML som är med här kanske är lite konstig : )
<HTML>
<HEAD>
...
</HEAD>
<body MS_POSITIONING="GridLayout">
<form name="Form1" method="post" action="default.aspx?param=searchResult&query=gifta%20gemensam" id="Form1">
<input type="hidden" name="__VIEWSTATE"..." ID="Hidden1"/>
<div style="Z-INDEX:100; LEFT:0px; POSITION:absolute; TOP:0px">
<table id="Table1" cellspacing="0" cellpadding="0" border="0" style="border-width:0px;border-collapse:collapse;">
<tr>
<td colspan="3">
<IMG src="..." border="1">
</td>
</tr>
<tr>
<td style="width:10px;"> </td><td align="Left"><input name="tbSearch" type="text" id="tbSearch" class="TextFieldNormal" /><input type="submit" name="cmdSearch" value="Sök" id="cmdSearch" class="btnNormal" /></td><td align="Right" valign="Middle">
<IMG height="11" src="..." width="9"> <A class="catlink" href="default.aspx">
cccccc</A>
</td>
</tr>
<tr>
<td style="width:10px;"> </td><td colspan="2">
<!-- HEADER ABOVE -->
<div style="POSITION:relative">
<P> </P>
<DIV id="_ctl0_DIV1" style="WIDTH: 728px; POSITION: absolute; TOP: 25px; HEIGHT: 592px" ms_positioning="GridLayout">
<span id="_ctl0_lblSummary" style="width:688px;Z-INDEX: 101; LEFT: 3px; POSITION: absolute; TOP: 2px">Du sökte efter: gifta gemensam</span>
<table cellspacing="0" cellpadding="4" rules="all" bordercolor="Black" border="1" id="_ctl0_dgSearch" style="border-color:Black;border-width:1px;border-style:solid;width:640px;border-collapse:collapse;Z-INDEX: 102; LEFT: 0px; POSITION: absolute; TOP: 40px">
<tr style="color:#F8F2F2;background-color:#C38487;font-weight:bold;">
<td style="width:150px;">Kategori</td><td>Fråga</td>
<td>Svar</td>
</tr>
<tr>
<td>
<a href=""></a>...
</td>
<td>öalsjf alsjf lasj flöa flas flalsfdj öalsjf alsjf lasj flöa flas flalsfdj öalsjf alsjf lasj flöa flas flalsfdj öalsjf alsjf lasj flöa flas flalsfdj öalsjf alsjf lasj flöa flas flalsfdj öalsjf alsjf lasj flöa flas flalsfdj öalsjf alsjf
lasj flöa flas flalsfdj öalsjf alsjf lasj flöa flas flalsfdj öalsjf alsjf lasj flöa flas flalsfdj öalsjf alsjf lasj flöa flas flalsfdj
öalsjf alsjf lasj flöa flas flalsfdj öalsjf alsjf lasj flöa flas flalsfdj öalsjf alsjf lasj flöa flas flalsfdj öalsjf alsjf lasj flöa flas
flalsfdj öalsjf alsjf lasj flöa flas flalsfdj
</td>
<td>
öalsjf alsjf lasj flöa flas flalsfdj öalsjf alsjf lasj flöa flas flalsfdj öalsjf alsjf lasj flöa flas flalsfdj öalsjf alsjf lasj flöa flas
flalsfdj öalsjf alsjf lasj flöa flas flalsfdj öalsjf alsjf lasj flöa flas flalsfdj öalsjf alsjf lasj flöa flas flalsfdj öalsjf alsjf lasj
flöa flas flalsfdj öalsjf alsjf lasj flöa flas flalsfdj öalsjf alsjf lasj flöa flas flalsfdj öalsjf alsjf lasj flöa flas flalsfdj öalsjf
alsjf lasj flöa flas flalsfdj öalsjf alsjf lasj flöa flas flalsfdj öalsjf alsjf lasj flöa flas flalsfdj öalsjf alsjf lasj flöa flas
flalsfdj öalsjf alsjf lasj flöa flas flalsfdj öalsjf alsjf lasj flöa flas flalsfdj öalsjf alsjf lasj flöa flas flalsfdj
</td>
</tr>
</table>
</DIV>
</div>
<!-- FOOTER BELOW -->
</td>
</tr>
<tr>
<td style="width:10px;"> </td>
<td colspan="2">
<hr align="left" width="500" noShade SIZE="1">
<table width="500" border="0" style="position:relative" ID="Table2">
<tr vAlign="top">
<td>
<P><SPAN class="sidfot">Senast uppdaterad: ...
<BR>
Sidredaktör: ...
<BR>
...
<BR>
...</SPAN>
</P>
</td>
<td align="right">
<IMG src="...">
</td>
</tr>
</table></td>
</tr>
</table>
</div>
</form>
</body>
</HTML>
Du har lite fel i stylarna. Grejjen att just lägga div'ar i tabellceller för att sedan försöka style iväg dessa att lägga sig på helt andra positioner kanske inte är så bra.
Testa att ta bort stylen : POSITION: absolute; TOP: 25px;
..ifrån din ucpage så ser du iaf vad problemet ligger. Sen får du finlira... :)
hahha.. va fånigt.. att det var så enkelt.. tog bort den du sade plus en till.. tänkte inte på att jag kunde felsöka på det sättet.. jag höll på o pilla i default.aspx hur mycket som helst.. (som innehöll den kontroll som hade med sökgrejen att göra..) o tänkte inte på att kolla i aktuell user control.. dumt..
de där div med position:absolute hade satts ut av VS när jag drog ut dem i layout mode eller vad det heter.. :)
tack för hjälpen..