[решено] Проблема с отображением страницы и версткой [Версия для КПК]

DaRiYs

24-10-2010, 13:08

Есть некая страница, в браузерах: Опера, Мозила, ИЕ7 все отображается отлично. А в Хроме наплывает футер. Что делать подскажите. Как это решить?

<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="test.aspx.cs" Inherits="Profile.test" %>

<%@ Reference Control="~/Controls/CollectionPager.ascx" %>
<%@ Register TagPrefix="cp" TagName="pagingControl" Src="~/Controls/CollectionPager.ascx" %>
<%@ Register TagPrefix="uc" TagName="ServerTime" Src="~/Controls/ServerRuntime.ascx" %>
<%@ Register TagPrefix="uc" TagName="CurrentObjectViewer" Src="~/Controls/currentObjectViewer.ascx" %>
<%@ Register TagPrefix="uc" TagName="UsersRating" Src="~/Controls/UsersRating.ascx" %>
<%@ Register TagPrefix="uc" TagName="LoginControl" Src="~/Controls/CustomLoginControl.ascx" %>
<%@ Register TagPrefix="uc" TagName="Dialog" Src="~/Controls/Dialog/DialogControl.ascx" %>
<!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 id="Head1" runat="server">
<title>SiteName </title>
<link rel="Stylesheet" type="text/css" href="/Styles/Masta.css" />
<link rel="Stylesheet" type="text/css" href="/Styles/MyMenu.css" />
<link rel="Stylesheet" type="text/css" href="/Styles/Common.css" />
<link rel="Stylesheet" type="text/css" href="/Styles/MyProfile.css" />
<link rel="Stylesheet" type="text/css" href="/Styles/MyProfile.css" />
<link rel="Stylesheet" type="text/css" href="/Styles/ESchemas.css" />
<link rel="Stylesheet" type="text/css" href="/Styles/Messaging.css" />
<link rel="stylesheet" media="screen" type="text/css" href="/Styles/slider.css" />

<script type="text/javascript" src="/Scripts/jquery-1.4.1.min.js"></script>
<script type="text/javascript" src="/Scripts/slider.js"></script>
<script type="text/javascript" src="/Scripts/serverRuntime.js"></script>
<script type="text/javascript" src="/Scripts/jquery.dialog.min.js"></script>
<script type="text/javascript" src="/Scripts/dialog.js"></script>

<link href="/Styles/ui-lightness/jquery-ui-1.8.5.custom.css" rel="stylesheet" type="text/css" />
<link rel="Stylesheet" type="text/css" href="/Styles/dialog.css" />
</head>
<body>
<div id="container">
<form id="serverForm" runat="server">
<uc:Dialog runat="server" ID="Dialog" />
<asp:SiteMapDataSource ID="smDataSource" runat="server" ShowStartingNode="false"
SiteMapProvider="myXmlSiteMapProvider" />
<div id="mainLogo">
<a id="A1" href="<%$ Resources: URLs, Home %>" runat="server">
<img id="Img1" alt="mainLogo" src="<%$ Resources: URLs, Images_Bank %>"
runat="server" />
</a>
</div>
<div id="siteMenu">
<div class="helper">
<div class="centered">
<asp:Menu ID="mainMenu" runat="server" Orientation="Horizontal" CssSelectorClass="SimpleEntertainmentMenu"
DataSourceID="smDataSource">
</asp:Menu>
</div>
</div>
</div>
<div class="clear">
</div>
<div id="wrapper">
<div id="sideBars">
<div id="upperUserBar">
<asp:LoginView ID="lvUpperUserBar" runat="server">
<AnonymousTemplate>
<div class="helper">
<div class="centered">
<uc:LoginControl ID="userBarLogin" runat="server"></uc:LoginControl>
</div>
</div>
</AnonymousTemplate>
<LoggedInTemplate>
<p>
Hello,
<asp:HyperLink ID="profileHLink" runat="server" NavigateUrl="<%$ Resources: URLs, AccountDetails %>"
OnLoad="profileHLink_Load"></asp:HyperLink></p>
<div id="uPhoto">
<img id="Img2" alt="userPhoto" src="<%$ Resources: URLs, Images_User%>"
runat="server" />
</div>
<div id="uInfo">
<ul>
<li>
<asp:HyperLink ID="profHLink" runat="server" OnLoad="profHLink_Load" CssClass="userLinks">My profile</asp:HyperLink></li>
<li><a id="A2" href="<%$ Resources: URLs, MyObjects %>" runat="server" class="userLinks">
My objects</a></li>
<li><a href="<%$ Resources: URLs, Messaging_MessagesCenter %>" id="messagesCounter"
runat="server" class="userLinks" onload="MessagesCounter_Load">Messages</a></li>
<li><a id="A3" href="<%$ Resources: URLs, UsersList %>" runat="server" class="userLinks">
All users</a></li>
<li>
<asp:LoginStatus ID="lsLogout" runat="server" LogoutAction="Redirect" LogoutPageUrl="<%$ Resources: GameURLs, Home %>"
LogoutText="Logout" CssClass="lStatus" />
</li>
</ul>
</div>
</LoggedInTemplate>
</asp:LoginView>
</div>
<div id="lowerUserBar">
<uc:ServerTime runat="server" ID="serverTime"></uc:ServerTime>
<div class="cover">
<div class="helper">
<div class="centered">
<asp:LoginView ID="lvLowerUserBar" runat="server">
<AnonymousTemplate>
<h3>
Top users:</h3>
<uc:UsersRating ID="usersRating" runat="server" RatingSize="5"></uc:UsersRating>
</AnonymousTemplate>
<LoggedInTemplate>
<uc:CurrentObjectViewer ID="curObjectViewer" runat="server"></uc:CurrentObjectViewer>
</LoggedInTemplate>
</asp:LoginView>
</div>
</div>
</div>
</div>
</div>
<div id="content">
<h1>
All users list</h1>
<div>
<div class="cover">
<div class="helper">
<div class="centered">
<asp:ScriptManager ID="ScriptManager1" runat="server">
</asp:ScriptManager>
<table class="UserList">
<thead>
<tr>
<th>
</th>
<th>
<asp:Label ID="lbStatusFilter" runat="server" Text="Status: "></asp:Label>
<asp:DropDownList ID="ddlStatusFilter" runat="server" AutoPostBack="true" OnSelectedIndexChanged="ddlStatusFilter_OnSelectedIndexChanged">
<asp:ListItem Text="All users" Selected="true" Value="false"></asp:ListItem>
<asp:ListItem Text="Online only" Value="true"></asp:ListItem>
</asp:DropDownList>
</th>
</tr>
</thead>
<asp:UpdatePanel ID="upUsersList" runat="server">
<ContentTemplate>
<asp:Repeater ID="rpUsersList" runat="server">
<ItemTemplate>
<tr>
<td rowspan="2">
<img id="Img3" runat="server" src="<%$Resources: URLs, Images_User %>"
height="20" width="20" />
</td>
<td>
<asp:Label ID="lUserName" runat="server">Nickname: </asp:Label>
<asp:LinkButton ID="lbUserNameProfile" runat="server" OnCommand="lbUserName_OnClick"
CommandArgument='<%#Eval("UserName") %>' Text='<%#Eval("UserName") %>'>
</asp:LinkButton>
</td>
<td>
<asp:LinkButton ID="lbSendMessage" runat="server" OnCommand="lbSendMessage_OnClick"
CommandArgument='<%#Eval("UserName") %>' Text="Send message">
</asp:LinkButton>
</td>
<tr>
<td>
<asp:Label ID="lUserStatus" runat="server">Status: </asp:Label>
<%#Eval("UserStatus") %>
</td>
<td>
</td>
<td>
</td>
</tr>
</tr>
</ItemTemplate>
</asp:Repeater>
</ContentTemplate>
</asp:UpdatePanel>
</table>
<asp:UpdatePanel ID="upPager" runat="server">
<ContentTemplate>
<div align="center">
<cp:pagingcontrol id="CollectionPager1" runat="server" showfirstlast="True" backnextdisplay="HyperLinks"
pagesize="10" resultslocation="None" showlabel="True" maxpages="250" showpagenumbers="True"
useslider="False" enableviewstate="False" backnextlocation="Split" backtext="Back &nbsp"
firsttext="First&nbsp" lasttext="&nbsp Last" nexttext="&nbsp Next"></cp:pagingcontrol>
</div>
</ContentTemplate>
</asp:UpdatePanel>
</div>
</div>
</div>
</div>
</div>
</div>
</form>
<div class="clear">
</div>
<div id="footer">
<p>
Copyright © 2010 <a href="http://" target="_blank">CompanyName</a></p>
</div>
</div>
</body>
</html>

Вот отображение в опере:
http://s46.radikal.ru/i111/1010/1a/179e77d277cb.jpg

Вот в хроме:
http://s58.radikal.ru/i162/1010/11/d30e8732d65d.jpg

Sham

25-10-2010, 04:11

Причины этого проще самому найти, используя встроенные средства браузеров, плагины типа firebug. С помощью функции инспектирования элементов выберите проблемный блок, и изменяйте его стили на лету. Изменения будут видны сразу же.

DaRiYs

25-10-2010, 11:16

а как можно такое в Хроме сделать?

Sham

25-10-2010, 12:34

Меню ключик - инструменты - инструменты разработчика. В статус-баре жмите значок "лупа" для выбора элемента. Чтобы определить проблемный блок, это лучше делать в нескольких браузерах (везде есть такие инспекторы).

DaRiYs

26-10-2010, 19:19

Спасибо разобрался уже. Поправил немного стиль.

Codru

27-10-2010, 18:49

Меню ключик - инструменты - инструменты разработчика. В статус-баре жмите значок "лупа" для выбора элемента. Чтобы определить проблемный блок, это лучше делать в нескольких браузерах (везде есть такие инспекторы). »
Sham, а в Opere и Mozille Firefox как? Ничего не нашел. :search:

Sham

27-10-2010, 19:09

в Опере: меню - страница - средства разработки - Opera Dragonfly
в Firefox - плагин firebug (https://addons.mozilla.org/ru/firefox/addon/1843/)

Codru

27-10-2010, 21:22

в Firefox - плагин firebug »
Спасибо.
в Опере: меню - страница - средства разработки - Opera Dragonfly »
Не нашел. У меня Опера АС 3.6.7 [9.64]

Sham

28-10-2010, 06:29

в опере еще (10.63): меню Вид - Средства разработки - Opera Dragonfly. (это если стоит галка "Меню - показывать меню")
9.64 - не уверен, что вообще там есть.