Tela do site fica diferente em outros monitores

André Mailho · Maio 4, 2009

Ola pessoal, estou tendo um problema com o css no asp.net! tipo, na minha maquina o site esta normal, mas quando eu abro em outra maquina, a tela inteira fica mais para a esquerda. Dai rodando pelo IIS eu percebi que existe umas barra de rolagem embaixo, tipo, ele nao joga para a esquerda mas na barra mostra que tem mais coisa na tela.

Dai eu tentei ajustar colocando no centro da tela das outras maquinas; mas como consequencia na minha maquina o site acaba ficando para a direita.

sera que alguem sabe o que fazer? depois de tanto tempo falta só isso para terminar o meu site.

vlw mesmo.

quintelab · Maio 4, 2009

São browsers diferentes? Resoluções diferentes?

Abraços...

André Mailho · Maio 5, 2009

o browser é o mesmo! a resolução que acredito ser diferente. por que o meu monitor é menor mesmo.

quintelab · Maio 5, 2009

Pelo que entendi acho que o tamanho do seu site não esta cabendo em determinados não tipo de resoluções. Não é isso?

Abraços...

André Mailho · Maio 6, 2009

dai eu nao sei xD. Eu sei que em outros monitores a pagina fica mais pra esquerda.

quintelab · Maio 6, 2009

Acredito que isso seja problema de css, acho melhor mover seu tópico, será melhor auxiliado.

O que acha?

Abraços...

André Mailho · Maio 7, 2009

beleza! eu só preciso resolver isso logo xD.

quintelab · Maio 7, 2009

Movido Plataforma .NET » Web Applications http://forum.imasters.com.br/public/style_emoticons/default/seta.gif Webstandards: CSS / XML / XHTML / HTML

Thiago Retondar · Maio 7, 2009

Por favor poste o link do site, ou o código XHTML e CSS. http://forum.imasters.com.br/public/style_emoticons/default/thumbsup.gif

Patrícia Machado · Maio 7, 2009

Bom.. Se o problema é que você quer q ele redimensione de acordo com a resolução então veja se você está usando pixel para determinar o tamanho. Se sim, então tente mudar para porcentagem

Giovani · Maio 7, 2009

Leitura recomendada antes de abrir um tópico: Como criar um tópico para o seu problema

http://forum.imasters.com.br/public/style_emoticons/default/thumbsup.gif

André Mailho · Maio 9, 2009

é eu uso px mesmo!

no meu css ta assim:

.geral
{
	width: 800px;
	height: 900px;
	margin: 10px 0 0 250; 
	border:1px solid #CCCCCC;
}

no caso eu poderia deixar assim?

.geral
{
	width: 800px;
	height: 900px;
	margin: 10px 80% 0 20%; 
	border:1px solid #CCCCCC;
}

Thiago Retondar · Maio 9, 2009

Não da para te responder por um pequeno trecho de código.

Talvez algum outro elemento esteja influenciando no layout.

Coloque o XHTML e CSS completo.

André Mailho · Maio 11, 2009

<%@ Page Language="C#" AutoEventWireup="true" CodeFile="Default.aspx.cs" Inherits="webSite._Default" %>

<%@ Register TagPrefix="frmMenu" TagName="menuSuperior" Src="~/srcUser/menuSuperior.ascx" %>
<%@ Register TagPrefix="frmRoda" TagName="rodape" Src="~/srcUser/rodape.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 runat="server">
	<link href="../css/principalStyle.css" rel="stylesheet" type="text/css" />
	<style type="text/css">
		.style1
		{
			color: #0066cc;
			font-weight: bold;
			font-size: 12px;
		}
		-- ></style>
	<title>Home</title>

</head>
<body>
	<form id="form1" runat="server">
	<div class="geral" style="height: 900px;">
		<div id="menuSuperiorCss">
			<frmMenu:menuSuperior ID="menuSuperior" runat="server" />
			<div id="bannerSuperior">
			</div>
		</div>
		<div id="conteudoSuper">
			<ul>
				<li id="linhaData1"></li>
				<li id="conteudoData">

					<script type="text/javascript">
						data = new Date();
						dia = data.getDate();
						mes = data.getMonth();
						ano = data.getFullYear();
						dia_semana = data.getDay();
						meses = new Array(12);
						meses[0] = "Janeiro";
						meses[1] = "Fevereiro";
						meses[2] = "Março";
						meses[3] = "Abril";
						meses[4] = "Maio";
						meses[5] = "Junho";
						meses[6] = "Julho";
						meses[7] = "Agosto";
						meses[8] = "Setembro";
						meses[9] = "Outubro";
						meses[10] = "Novembro";
						meses[11] = "Dezembro";
						dias = new Array(7);
						dias[0] = "Domingo";
						dias[1] = "Segunda - Feira";
						dias[2] = "Terça - Feira";
						dias[3] = "Quarta - Feira";
						dias[4] = "Quinta - Feira";
						dias[5] = "Sexta - Feira";
						dias[6] = "Sabádo";
						document.write(dias[dia_semana] + ", " + dia + " de " + meses[mes] + " de " + ano);
					</script>

				</li>
				<li id="banner">
					<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=7,0,19,0"
						width="800px" height="180px" title="" id="flashTop" border="0">
						<param name="movie" value="../imgs/banner_topo.swf">
						<param name="quality" value="High">
						<param name="menu" value="false">
						<param name="swliveconnect" value="true">
						<param name="wmode" value="transparent">
						<embed src="../imgs/banner_topo.swf" quality="High" pluginspage="http://www.macromedia.com/go/getflashplayer"
							type="application/x-shockwave-flash" width="800px" height="180px" menu="false"
							swliveconnect="true" wmode="transparent" name=""></embed>
					</object>
				</li>
			</ul>
		</div>
		<div class="conteudo" style="margin-top: -25px;">
			<div id="colunaEsquerda">
				<ul>
					<li id="imgTituloEsq">
						<img src="../imgs/pqEscolherCold.jpg" />
					</li>
					<li id="txtEsquerda">
					</li>
				</ul>
			</div>
			<div id="colunaCentro">
				<ul>
					<li id="imgTituloCent">
						<img src="../imgs/prod_e_serv.jpg" />
					</li>
					<li id="imgSpedHome">
						<asp:ImageButton ID="spedHomeBtn" runat="server" ImageUrl="~/imgs/spedHome.jpg" 
							PostBackUrl="~/src/produtos.aspx" />
					</li>
					<li id="txtCentro">
						<h5>
							<asp:HyperLink ID="ContabilPage" runat="server" NavigateUrl="~/src/Cont.aspx"
								CssClass="tituloHome" Target="_self">Contábil</asp:HyperLink>
							e
							<asp:HyperLink ID="FiscalPage" runat="server" NavigateUrl="~/src/Fisc.aspx"
								CssClass="tituloHome" Target="_self">Fiscal</asp:HyperLink></h5>
					</li>
					<li id="imgHome">
						<asp:ImageButton ID="HomeBtn" runat="server" ImageUrl="~/imgs/Home.jpg" 
							PostBackUrl="~/src/manad.aspx" />
					</li>
					<li id="txtCentro">
						<h5>
							<asp:HyperLink ID="Page" runat="server" NavigateUrl="~/src/page.aspx" CssClass="tituloHome"
								Target="_self">paginas relacionadas </asp:HyperLink>
						</h5>
					   </li>
					<li id="imgAtendHome">
						<asp:ImageButton ID="atendFiscHomebtn" 
							runat="server" ImageUrl="../imgs/fiscalizacao.jpg" 
							PostBackUrl="../src/atendFisc.aspx" />
 </li>
					<li id="txtCentroAtend">
						<h5>
							<asp:HyperLink ID="atendimentoPage" runat="server" NavigateUrl="~/src/atendFisc.aspx"
								CssClass="tituloHome" Target="_self">Atendimento a Fiscalização</asp:HyperLink>
						</h5>
					</li>
				</ul>
			</div>
			<div id="colunaDireita">
				<ul>
					<li id="banner">
						<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=7,0,19,0"
							width="180px" height="530px" title="" id="flashDireita" border="0">
							<param name="movie" value="../imgs/banner.swf">
							<param name="quality" value="High">
							<param name="menu" value="false">
							<param name="swliveconnect" value="true">
							<param name="wmode" value="transparent">
							<embed src="../imgs/banner.swf" quality="High" pluginspage="http://www.macromedia.com/go/getflashplayer"
								type="application/x-shockwave-flash" width="180px" height="530px" menu="false"
								swliveconnect="true" wmode="transparent" name=""></embed>
						</object>
					</li>
				</ul>
			</div>
		</div>
		<div id="rodapeCss" style="margin-top: 18px; *margin-top: -2px;">
			<frmRoda:rodape ID="rodape" runat="server" />
		</div>
	</div>
	</form>
</body>
</html>

//////////////////////////////////////////////////////// CSS /////////////////////////////////////////////////////////////////

*
{
	padding: 0px;
	color: #000000;
	font-size: 12;
	font-family: Arial,Verdana;
	list-style-type: none;
	margin-left: 0px;
	margin-right: 0px;
	margin-top: 0px;
	font-weight: normal;
}

.geral
{
	width: 800px;
	height: 900px;
	margin: 10px 80% 0px 20%; 
	* margin: 10px 20% 0px 20%; 
	border:1px solid #CCCCCC;
}

.conteudo
{
	overflow: hidden;
}


/*/////////////////////////////// WEB USER CONTROL /////////////////////////////////*/

/*//////////////////////////DropDow Menu Superior/////////////////////*/
/* retirar Active */

#menuSuperiorCss
{
	background-image: url(../imgs/degrade.jpg);
	background-repeat: repeat;
	height: 60px;
	width: 800px;
	padding-bottom: 8px;
	margin-top: -5px; *margin-top:-1px;
}

.menuSuperiorItens #coldLogo
{
	margin: 5px 3px 0px 5px;
	background-repeat: no-repeat;
	height: 100px;
	width: 300px;
	list-style-type: none;
}

.menuGeral
{
	margin: -115px 0px 20px 300px; 
	*margin:-100px 0px -40px 298px;
}

.wrapper1
{
	color: #44433f;
	font-size: 12px;
	font-family: Arial,Verdana;
	margin: 0;
	padding: 4px 0 0;
}
.wrapper1 a
{
	color: #E5F2FB;
	text-decoration: none;
}
.wrapper1 a:hover
{
	color: #09548B;
}
.wrapper1 p
{
	margin: 0 0 17px;
	padding: 0;
	line-height: 18px;
}
.wrapper
{
	/*width: 710px;*/
	margin: 20px auto;
}

.nev-wrapper
{
	clear: both;
	float: left;
}

.nav ul
{
	/*width: 648px;*/
	height: 38px;
	float: left;
	margin: 0;
	padding-top: 3px;
	list-style: none;
	font-size: 15px;
}
.nav li
{
	float: left;
	padding: 0 7px;
	background: url(../imgs/menuDropDown/split.png) no-repeat right center;
	position: relative;
	z-index: 1;
}
.nav li.last
{
	background: none;
}
.nav li:hover
{
	z-index: 2;
}
.nav li a
{
	display: block;
	line-height: 38px;
	overflow: hidden;
	float: left;
}
a .menu-left
{
	background: url(../imgs/menuDropDown/menu_left.gif) no-repeat left top;
	width: 7px;
	height: 32px;
	line-height: 35px;
	display: block;
	float: left;
}
a .menu-mid
{
	background: url(../imgs/menuDropDown/menu_mid.gif) repeat-x top left;
	height: 32px;
	line-height: 35px;
	display: block;
	float: left;
}
a .menu-right
{
	background: url(../imgs/menuDropDown/menu_right.gif) no-repeat top left;
	width: 8px;
	height: 32px;
	line-height: 35px;
	display: block;
	float: left;
}
.nav li a:hover .menu-left, .nav li.active a .menu-left, .nav li:hover a .menu-left, .nav li a:hover .menu-mid, .nav li.active a .menu-mid, .nav li:hover a .menu-mid, .nav li a:hover .menu-right, .nav li.active a .menu-right, .nav li:hover a .menu-right
{
	background-position: 0 -37px;
	line-height: 35px;
}
.nav li a:hover, .nav li.active a, .nav li.hover a, .nav li:hover a
{
	color: #09548B;
}
.nav li:hover .sub, .nav li.hover .sub
{
	display: block;
}

/* configuração lateral:  .nav li .sub,.nav li ul .nav li:hover li,
.nav li.active li */

.nav li .sub
{
	display: none;
	position: absolute;
	top: 27px;
	left: 6px;
	background: url(../imgs/menuDropDown/submenu_top.png) no-repeat;
	width: 186px;
	padding-top: 9px;
}
.nav li ul
{
	background: url(../imgs/menuDropDown/submenu_bg.png) repeat-y;
	width: 162px;
	height: auto;
	margin: 0;
	padding: 0 12px 10px;
	list-style: none;
	font-size: 12px;
}

.nav li:hover li, .nav li.active li
{
	width: 100%;
	padding: 1px 0 2px;
	background: none !important;
}
.nav li:hover li a, .nav li.active li a
{
	color: #09548B;
	background: none !important;
	line-height: normal;
	width: 156px;
	padding: 8px 3px 3px;
	text-indent: 1px;
}
.nav li:hover li a:hover, .nav li.active li a:hover
{
	color: #fff;
	background: #a9cbff !important;
	text-decoration: none;
	line-height: normal;
}
/*IE*/
.nav li li a:hover, .nav li li a:hover
{
	color: #fff;
	background: #165B9F !important;
	text-decoration: none;
	line-height: normal;
}
/**/
.nav .btm-bg
{
	background: url(../imgs/menuDropDown/submenu_bottom.png);
	background-repeat: no-repeat;
	width: 186px;
	height: 11px;
	overflow: hidden;
	clear: both;
}

.content
{
	width: 670px;
	background: transparent url(../imgs/menuDropDown/content_bg.png) repeat-y;
	float: left;
	padding: 10px 20px;
}
.content h1
{
	color: #333;
	font-weight: 400;
	text-transform: uppercase;
	font-size: 18px;
	border-bottom: 1px dashed #C1D9F0;
}
.content h2
{
	font-weight: 400;
	text-transform: uppercase;
	font-size: 14px;
	padding-left: 10px;
	margin-bottom: -5px;
}
.content p
{
	padding: 0 15px;
	text-align: justify;
}
.content-bottom
{
	width: 710px;
	background: transparent url(../imgs/menuDropDown/content_bottom.png) no-repeat;
	height: 13px;
	float: left;
}

/*///////////////////// RODAPÉ ////////////////////////*/

#rodapeCss
{
	background-image: url(../imgs/rodapeImgIE.png);
	background-repeat: no-repeat;
	height: 80px;
	width: 900px;
}

.rodapeItens #miniIcon
{
	margin: 16px 3px 0px -108px;
	background-image: url(../imgs/minipasta.png);
	background-repeat: no-repeat;
	height: 16px;
	width: 21px;
}

.rodapeItens ul
{
	margin: 0px 0px 0px 640px;
}

.rodape ul li
{
	width: auto;
	float: left;
	font-size: 10px;
	list-style-type: none;
	font-weight: bold;
}

#txtRod1 a, #txtRod a
{
	text-decoration: none;
}

.uma
{
	text-decoration: none;
	color: Red;
}

.rodape #txtRod1
{
	width: auto;
	padding: 39px 15px 8px 0px;
}

#txtRod1:hover, #txtRod:hover
{
	text-decoration: underline;
}

.rodape #txtRod
{
	width: auto;
	padding: 39px 15px 8px 8px;
}

#barra
{
	padding-top: 36px;
}

.rodapeItens ul li
{
	margin: -20px 70px 0px -80px;
}

/*////////////////////Coluna Esquerda //////////////////////////*/

#colunaEsquerda
{
	width: 260px;
	height: auto;
	float: left;
	padding-right: 30px;
	margin-top: 30px;
	border-right: 1px solid #ccc;
}

#imgTituloEsq
{
	text-align: center;
}

#txtEsquerda
{
	text-align: justify;
	padding: 20px 5px 0 15px;
	font-size: 12px;
}

/*////////////////////Coluna Centro //////////////////////////*/

#colunaCentro
{
	width: 260px;
	height: auto;
	float: left;
	margin: 10px 0 0 50px;
	margin-left: 10px;
}

#txtCentro
{
	text-align: justify;
	padding: 20px 5px 0 -15px;
	font-size: 11px;
	border-bottom: 1px solid #ccc;
	padding: 0 0 20px 60px;
	margin: -90px 0 50px 0;
}

#txtCentroAtend
{
	font-size: 11px;
	margin: -92px 0 20px 0;
	text-align: justify;
	padding-left: 60px;
}

#txtCentroManad
{
	text-align: justify;
	padding: 20px 5px 0 -15px;
	font-size: 12px;
}

#imgTituloCent
{
	margin: 33px 0 0 0;
	text-align: center;
}

#imgSpedHome
{
	margin: 60px 0 0 0;
}


#txtCentro h5, #txtCentroAtend h5
{
	font-size: 11px;
	color: #666;
	font-weight: bold;
}

.tituloHome
{
	text-decoration: none;
	font-size: 11px;
	color: #666;
	font-weight: bold;
}

#txtSpedHome, #txtManadHome, #txtAtendHome
{
	text-decoration: none;
}


/*////////////////////////////// COLUNA DIREITA /////////////////////// */

#colunaDireita
{
	float: right;
	margin-top: 30px;
}

Giovani · Maio 11, 2009

Postem links pessoal, já disse em vários posts e repito: fica melhor (e mais rápido) para tentar ajudar.

Colar o código inteiro, além de deixar a página muito grande na vertical impede, algumas vezes, as pessoas de ajudar.

http://forum.imasters.com.br/public/style_emoticons/default/thumbsup.gif

André Mailho · Maio 11, 2009

colar o link? voce fala para o site? se for, nao vai dar por que o site nao esta no ar ainda.

Thiago Retondar · Maio 11, 2009

Como há o uso de imagens, swf, etc, pode fazer um upload de tudo e mandar?

André Mailho · Maio 11, 2009

Bom eu ja consegui resolver! no css na div geral eu coloquei margin: 3px auto; 3px para dar uma distancia do topo e com o auto eu consegui ajustar para todas as resoluçoes. Eu nao entendi muito bem como isso aconteceu mas funcionou ^^.

obrigado a todos pela força.

Arquivado

Tela do site fica diferente em outros monitores

Recommended Posts

André Mailho 0

Compartilhar este post

Link para o post

Compartilhar em outros sites

quintelab 91

Compartilhar este post

Link para o post

Compartilhar em outros sites

André Mailho 0

Compartilhar este post

Link para o post

Compartilhar em outros sites

quintelab 91

Compartilhar este post

Link para o post

Compartilhar em outros sites

André Mailho 0

Compartilhar este post

Link para o post

Compartilhar em outros sites

quintelab 91

Compartilhar este post

Link para o post

Compartilhar em outros sites

André Mailho 0

Compartilhar este post

Link para o post

Compartilhar em outros sites

quintelab 91

Compartilhar este post

Link para o post

Compartilhar em outros sites

Thiago Retondar 18

Compartilhar este post

Link para o post

Compartilhar em outros sites

Patrícia Machado 1

Compartilhar este post

Link para o post

Compartilhar em outros sites

Giovani 104

Compartilhar este post

Link para o post

Compartilhar em outros sites

André Mailho 0

Compartilhar este post

Link para o post

Compartilhar em outros sites

Thiago Retondar 18

Compartilhar este post

Link para o post

Compartilhar em outros sites

André Mailho 0

Compartilhar este post

Link para o post

Compartilhar em outros sites

Giovani 104

Compartilhar este post

Link para o post

Compartilhar em outros sites

André Mailho 0

Compartilhar este post

Link para o post

Compartilhar em outros sites

Thiago Retondar 18

Compartilhar este post

Link para o post

Compartilhar em outros sites

André Mailho 0

Compartilhar este post

Link para o post

Compartilhar em outros sites

Estou criando uma calculadora de m2 e litros de tinta

Cruzamento de Bases

Consulta sem duplicação

Fóruns

Tempo Real