#c# #asp.net #html #css
#c# #asp.net #HTML #css
Вопрос:
У меня довольно странная проблема с HTML, с которой я никогда раньше не сталкивался. Я уже давно пытаюсь решить эту проблему, и решение, вероятно, очень простое!
Чтобы увидеть мою проблему, посмотрите На Следующее изображение: 
Как вы можете видеть, моя таблица расположена на ~ 200-300 пикселей ниже пользовательского элемента управления с помощью Navn и Besked, чего не должно быть! Она должна быть прямо под ней.
Теперь давайте посмотрим на отображаемый HTML-код:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head><title>
</title>
<link href="Stylesheet/Styles.css" rel="stylesheet" type="text/css" /></head>
<body>
<form name="aspnetForm" method="post" action="Forum.aspx" id="aspnetForm">
<div>
<input type="hidden" name="ctl00_toolkitScriptMaster_HiddenField" id="ctl00_toolkitScriptMaster_HiddenField" value="" />
<input type="hidden" name="__EVENTTARGET" id="__EVENTTARGET" value="" />
<input type="hidden" name="__EVENTARGUMENT" id="__EVENTARGUMENT" value="" />
<input type="hidden" name="__VIEWSTATE" id="__VIEWSTATE" value="/wEPDwUJNTIxNzE4MTg1D2QWAmYPZBYCAgMPZBYCAgEPZBYCAgEPZBYCZg9kFgICAw8WAh4LXyFJdGVtQ291bnQCDBYYZg9kFgJmDxUEAjEyMmRnZHNmZyBkZyBzZ2ZkIGdmcyBnZiBzZ2Ygc2RmZyBkZmcgc2ZnIHNmZyBzZGZnIHNkATATMjctMTAtMjAxMSAyMjo0MzowMGQCAg9kFgJmDxUEAjEzMmRnZHNmZyBkZyBzZ2ZkIGdmcyBnZiBzZ2Ygc2RmZyBkZmcgc2ZnIHNmZyBzZGZnIHNkATATMjctMTAtMjAxMSAyMjo0MzowMGQCBA9kFgJmDxUEAjExUEplZyBlciBoZWx0IHRvc3NldCBtZWQgc2lkZW4gLSBKZWcgZXIgaGVsdCB0b3NzZXQgbWVkIHNpZGVuIC0gSmVnIGVyIGhlbHQgdG9zc2V0ATATMjEtMTAtMjAxMSAxMjo1ODowMGQCBg9kFgJmDxUEAjEwFGdmZ2Znc2RmZ3NkZmcNCmZzZw0KATATMDctMTAtMjAxMSAxNDozNTowMGQCCA9kFgJmDxUEATkUSSBhbSB0ZXN0aW5nIGEgbG90IHIBMBMwNy0xMC0yMDExIDE0OjMyOjAwZAIKD2QWAmYPFQQBOApkZmZkc2ZzZGZkATETMDUtMTAtMjAxMSAxOToxMDowMGQCDA9kFgJmDxUEATcGa2tra2trATETMDUtMTAtMjAxMSAxOToxMjowMGQCDg9kFgJmDxUEATYGZ2dnZ3Z2ATETMDUtMTAtMjAxMSAxNjo1NTowMGQCEA9kFgJmDxUEATQUZ2FmZ2dmDQpnZGdzZA0KZ2RnZA0BMBMwNS0xMC0yMDExIDE1OjExOjAwZAISD2QWAmYPFQQBMxZmc2Fnc2ZnYWdzwqhmZ3NnZnPCqGdhATATMDUtMTAtMjAxMSAxNDo1ODowMGQCFA9kFgJmDxUEATIUZGduZGlndSBzZm5nc3VmZ2lkZg0BMBMwNS0xMC0yMDExIDE0OjM0OjAwZAIWD2QWAmYPFQQBMRRkZm1zaW4gZmdpdXNkIG5mZ2RzZwEwEzA1LTEwLTIwMTEgMTM6NTg6MDBkGAEFI2N0bDAwJENvbnRlbnRQbGFjZUhvbGRlcjEkTXVsdGlWaWV3Dw9kZmRxugsmEjuyu2Xbo8gslsOLZkR JQ==" />
</div>
<script type="text/javascript">
//<![CDATA[
var theForm = document.forms['aspnetForm'];
if (!theForm) {
theForm = document.aspnetForm;
}
function __doPostBack(eventTarget, eventArgument) {
if (!theForm.onsubmit || (theForm.onsubmit() != false)) {
theForm.__EVENTTARGET.value = eventTarget;
theForm.__EVENTARGUMENT.value = eventArgument;
theForm.submit();
}
}
//]]>
</script>
<script src="/SubsiteClient/WebResource.axd?d=sMtxLdPlL48Rto8ujGKTrPMt4xS4q9IIukS7rw_b1-tVz_fuTpjK6WMO1fThkB6olwlijb7FXVNdBmSCc-lK1Shl0hg1amp;amp;t=634245478914809245" type="text/javascript"></script>
<script src="/SubsiteClient/ScriptResource.axd?d=NZ4L6OCv5Z3x50AgcnftYK7fWT6BUu-Gq9jE_2WxJYOCk37z40cpv_qqqs_kmnhvn-xJhbaCokNDxVy2NVY_RnuDRh65lmml8WfdO8As5iyIlncIhzm2AuDVtr7gMxdVp6sjIQ2amp;amp;t=3f0ccc7f" type="text/javascript"></script>
<script type="text/javascript">
//<![CDATA[
if (typeof(Sys) === 'undefined') throw new Error('ASP.NET Ajax client-side framework failed to load.');
//]]>
</script>
<script src="/SubsiteClient/ScriptResource.axd?d=kpRlnyM1WRVy01WEn268dCfASwQAVa4jAV4Il9tdk3TTDVNPN4573gSvatDFGaS5ZYad71zPZWE4sKnE-uZR-VV1VI822qRI8oqDgu6i1yLz2_BW_AitLtFZycD6RCMLUEQCBA2amp;amp;t=3f0ccc7f" type="text/javascript"></script>
<div>
<input type="hidden" name="__EVENTVALIDATION" id="__EVENTVALIDATION" value="/wEWBAL339mjBQLWgqazCAKi/IGEDAL35sCPCXF2fOlt3NA/ZMTkI01Y4U 3xsAH" />
</div>
<div class="BodyStyle">
<a href="Default.aspx">Forsiden</a>
<br /><br />
<hr />
<h1>Hvad synes du om det nye</h1>
<b>Giv din mening om det nye</b><br /><br />
<span id="ctl00_ContentPlaceHolder1_GiveFeedbackControl1_StatusLabel" style="color:Red;"></span>
<p>(Evt. navn)<br />
<input name="ctl00$ContentPlaceHolder1$GiveFeedbackControl1$NameBox" type="text" id="ctl00_ContentPlaceHolder1_GiveFeedbackControl1_NameBox" style="width:340px;" />
</p>
<p>Besked<br />
<textarea name="ctl00$ContentPlaceHolder1$GiveFeedbackControl1$FeedbackBox" rows="2" cols="20" id="ctl00_ContentPlaceHolder1_GiveFeedbackControl1_FeedbackBox" style="height:80px;width:340px;"></textarea>
</p>
<input type="submit" name="ctl00$ContentPlaceHolder1$GiveFeedbackControl1$GiveFeedbackBox" value="Giv feedback" id="ctl00_ContentPlaceHolder1_GiveFeedbackControl1_GiveFeedbackBox" />
<table style="width:900px;">
<tr>
<td style="width:550px;"><b>Kommentar</b></td>
<td><b style="font-size:small;">Svar</b></td><td style="font-size:small; padding-left:7px;"><b>Sidste svar</b></td></tr>
<tr><td style="width:550px; border-right:1px dotted #000000;">
<a href='ForumReader.aspx?entryid=12'>
dgdsfg dg sgfd gfs gf sgf sdfg dfg sfg sfg sdfg sd...
</a></td>
<td style="font-size:small; border-right:1px dotted #000000; text-align:center;">0</td>
<td style="font-size:small; padding-left:7px;">27-10-2011 22:43:00
</td>
</tr>
<br />
<tr><td style="width:550px; border-right:1px dotted #000000;">
<a href='ForumReader.aspx?entryid=13'>
dgdsfg dg sgfd gfs gf sgf sdfg dfg sfg sfg sdfg sd...
</a></td>
<td style="font-size:small; border-right:1px dotted #000000; text-align:center;">0</td>
<td style="font-size:small; padding-left:7px;">27-10-2011 22:43:00
</td>
</tr>
<br />
<tr><td style="width:550px; border-right:1px dotted #000000;">
<a href='ForumReader.aspx?entryid=11'>
Jeg er helt tosset med siden - Jeg er helt tosset med siden - Jeg er helt tosset...
</a></td>
<td style="font-size:small; border-right:1px dotted #000000; text-align:center;">0</td>
<td style="font-size:small; padding-left:7px;">21-10-2011 12:58:00
</td>
</tr>
<br />
<tr><td style="width:550px; border-right:1px dotted #000000;">
<a href='ForumReader.aspx?entryid=10'>
gfgfgsdfgsdfg
fsg
...
</a></td>
<td style="font-size:small; border-right:1px dotted #000000; text-align:center;">0</td>
<td style="font-size:small; padding-left:7px;">07-10-2011 14:35:00
</td>
</tr>
<br />
<tr><td style="width:550px; border-right:1px dotted #000000;">
<a href='ForumReader.aspx?entryid=9'>
I am testing a lot r...
</a></td>
<td style="font-size:small; border-right:1px dotted #000000; text-align:center;">0</td>
<td style="font-size:small; padding-left:7px;">07-10-2011 14:32:00
</td>
</tr>
<br />
<tr><td style="width:550px; border-right:1px dotted #000000;">
<a href='ForumReader.aspx?entryid=8'>
dffdsfsdfd...
</a></td>
<td style="font-size:small; border-right:1px dotted #000000; text-align:center;">1</td>
<td style="font-size:small; padding-left:7px;">05-10-2011 19:10:00
</td>
</tr>
<br />
<tr><td style="width:550px; border-right:1px dotted #000000;">
<a href='ForumReader.aspx?entryid=7'>
kkkkkk...
</a></td>
<td style="font-size:small; border-right:1px dotted #000000; text-align:center;">1</td>
<td style="font-size:small; padding-left:7px;">05-10-2011 19:12:00
</td>
</tr>
<br />
<tr><td style="width:550px; border-right:1px dotted #000000;">
<a href='ForumReader.aspx?entryid=6'>
ggggvv...
</a></td>
<td style="font-size:small; border-right:1px dotted #000000; text-align:center;">1</td>
<td style="font-size:small; padding-left:7px;">05-10-2011 16:55:00
</td>
</tr>
<br />
<tr><td style="width:550px; border-right:1px dotted #000000;">
<a href='ForumReader.aspx?entryid=4'>
gafggf
gdgsd
gdgd
...
</a></td>
<td style="font-size:small; border-right:1px dotted #000000; text-align:center;">0</td>
<td style="font-size:small; padding-left:7px;">05-10-2011 15:11:00
</td>
</tr>
<br />
<tr><td style="width:550px; border-right:1px dotted #000000;">
<a href='ForumReader.aspx?entryid=3'>
fsagsfgags¨fgsgfs¨ga...
</a></td>
<td style="font-size:small; border-right:1px dotted #000000; text-align:center;">0</td>
<td style="font-size:small; padding-left:7px;">05-10-2011 14:58:00
</td>
</tr>
<br />
<tr><td style="width:550px; border-right:1px dotted #000000;">
<a href='ForumReader.aspx?entryid=2'>
dgndigu sfngsufgidf
...
</a></td>
<td style="font-size:small; border-right:1px dotted #000000; text-align:center;">0</td>
<td style="font-size:small; padding-left:7px;">05-10-2011 14:34:00
</td>
</tr>
<br />
<tr><td style="width:550px; border-right:1px dotted #000000;">
<a href='ForumReader.aspx?entryid=1'>
dfmsin fgiusd nfgdsg...
</a></td>
<td style="font-size:small; border-right:1px dotted #000000; text-align:center;">0</td>
<td style="font-size:small; padding-left:7px;">05-10-2011 13:58:00
</td>
</tr>
</table>
</div>
<script type="text/javascript">
//<![CDATA[
Sys.WebForms.PageRequestManager._initialize('ctl00$toolkitScriptMaster', document.getElementById('aspnetForm'));
Sys.WebForms.PageRequestManager.getInstance()._updateControls([], [], [], 90);
//]]>
</script>
<script type="text/javascript">
//<![CDATA[
(function() {var fn = function() {$get("ctl00_toolkitScriptMaster_HiddenField").value = '';Sys.Application.remove_init(fn);};Sys.Application.add_init(fn);})();Sys.Application.initialize();
//]]>
</script>
</form>
</body>
</html>
Теперь я не понимаю, как это может когда-либо дать такой диапазон.. Если мы посмотрим на разметку:
<h1>Hvad synes du om det nye</h1>
<asp:MultiView ID="MultiView" runat="server">
<asp:View ID="SubCategoryView" runat="server">
<uc1:GiveFeedbackControl ID="GiveFeedbackControl1" runat="server" />
<table style="width:900px;">
<tr>
<td style="width:550px;"><b>Kommentar</b></td>
<td><b style="font-size:small;">Svar</b></td><td style="font-size:small; padding-left:7px;"><b>Sidste svar</b></td></tr>
<asp:Repeater ID="EntriesRepeater" runat="server">
<ItemTemplate>
<tr><td style="width:550px; border-right:1px dotted #000000;">
<a href='ForumReader.aspx?entryid=<%#DataBinder.Eval(Container.DataItem,"EntryId") %>'>
<%#DataBinder.Eval(Container.DataItem, "Title")%>...
</a></td>
<td style="font-size:small; border-right:1px dotted #000000; text-align:center;"><%#DataBinder.Eval(Container.DataItem, "GetNumberofReplies")%></td>
<td style="font-size:small; padding-left:7px;"><%#DataBinder.Eval(Container.DataItem, "GetEntryLastPost")%>
</td>
</tr>
</ItemTemplate>
<SeparatorTemplate>
<br />
</SeparatorTemplate>
</asp:Repeater>
</table>
</asp:View>
</asp:MultiView>
И для тех, кому интересно, пользовательский элемент управления не имеет какого-то волшебного нижнего заполнения.
ИТАК… Что, черт возьми, я здесь не делаю правильно? 😀
Комментарии:
1. Это весь HTML HTML? Отсутствуют теги HTML (закрывающие </table> , исправьте это в первую очередь), и есть некоторые неправильно сформированные элементы HTML (теги <br> между строками таблицы). Я бы заподозрил, что проблема связана с плохо сформированным HTML. Кроме того, хороший способ устранения неполадок — присвоить элементам блока стиль «border: 1px solid red;», чтобы посмотреть, сможете ли вы увидеть, сможете ли вы найти, какой элемент его вызывает. К вашему сведению, я сбросил код в FF, и в нем не было такого большого разрыва. Какой браузер вы используете?
2. Возможно, у вас есть какие-то поля или отступы, установленные во внешнем файле css?
3. Вы можете использовать FireBug, чтобы увидеть, какой HTML-код на самом деле видит браузер. Он также показывает многоуровневое форматирование CSS
4. Dougajmcdonald — Спасибо 😉 @Fozzyuw — Я добавил весь HTML. Я рассмотрю плохо сформированные элементы, потому что кажется, что вы правы! Jrummel — я так не думаю.
5. Трудно сказать, потому что ваш код неправильно отформатирован, но, скорее всего, это вызвано незакрытым тегом где-то или чем-то в этом роде. Форматирование кода кажется хорошим началом…
Ответ №1:
Я считаю, что это вызвано неправильным оформлением HTML в вашей таблице.
В вашей таблице HTML есть теги <br /> между элементами строки. Этого не должно быть. Это выглядит так:
</tr>
<br />
<tr>
Это должно быть так:
</tr>
<tr>
Разместив весь ваш код в простом HTML-файле, я получил дополнительный интервал. Удаление этих
тегов в таблице и устранение проблемы.
Я не очень хорошо знаком с точками доступа, но я считаю, что это код, который помещает теги <br /> . Попробуйте удалить его:
<SeparatorTemplate>
<br />
</SeparatorTemplate>
Надеюсь, это поможет!
Приветствия!
Комментарии:
1. В этом-то и проблема; <br /> вставленные между строками таблицы интерпретируются за пределами таблицы, что приводит к дополнительному пространству над ней…