5 replies to this topic

[Fábio Web Arts]

Pessoal eu estou com um problema para alinhar um menu aqui no meu site:

[DarkSign]

Só mostrando a SS não ajuda muito. Precisamos ver seu código CSS, deve ter problemas com algum float por aí.

/*DS*/

[Fábio Web Arts]

desculpe:

index.php:

<div id="center">			      <div class="center_header">        <p>downloads</p>      </div>      <div class="center_content">        <div class="center_post_img"><img src="imgs/content_post_img.jpg" alt="" width="528" height="80" />        </div>        <div class="news_post"><form action="login.php" method="post"><BR><table width="100%" border="0">  <tr>    <td width="5%" align="right">Login</td>    <td width="95%"><input name="username" type="text" id="username" size="10"></td>  </tr>  <tr>    <td align="right">Senha:</td>    <td><input name="senha" type="password" id="senha" size="10"></td>  </tr>  <tr>    <td align="right">&nbsp;</td>    <td><input type="submit" name="Submit" value="Logar" class="style13"></td>  </tr></table></form> <BR>          </div>      </div>		</div>		<div id="right">      <div class="side_header">LOGIN</div>      <div class="side_content">        <div align="center">                    <form action="login.php" method="post"><input type="hidden" name="pg" value=""><table width="100%" border="0">  <tr>    <td width="5%" align="right">Login</td>    <td width="95%"><input name="username" type="text" id="username" size="10"></td>  </tr>  <tr>    <td align="right">Senha:</td>    <td><input name="senha" type="password" id="senha" size="10"></td>  </tr>  <tr>    <td align="right">&nbsp;</td>    <td><input type="submit" name="Submit" value="Logar" class="style13"></td>  </tr></table></form>        </div>      </div> </div>	<div id="right"> 		      <div class="side_header">Scren Shot's da Semana</div>			              <div class="side_content">         <div align="center">   <script language="JavaScript1.2">//Presentational Slideshow Script- By Dynamic Drive//For full source code and more DHTML scripts, visit [url="http://www.dynamicdrive.com"]http://www.dynamicdrive.com[/url]//This credit MUST stay intact for legal usevar slideshow_width='100px' //SET SLIDESHOW WIDTH (set to largest image's width if multiple dimensions exist)var slideshow_height='100px' //SET SLIDESHOW HEIGHT (set to largest image's height if multiple dimensions exist)var pause=3000 //SET PAUSE BETWEEN SLIDE (2000=2 seconds)var slidebgcolor="white"var dropimages=new Array()//SET IMAGE PATHS. Extend or contract array as neededdropimages[0]="galery/img/_thumb/l2.jpg"dropimages[1]="galery/img/_thumb/l2b.jpg"dropimages[2]="galery/img/_thumb/l2adena.jpg"dropimages[3]="galery/img/_thumb/l2_01a.jpg"dropimages[4]="galery/img/_thumb/l2_throne11.JPG"dropimages[5]="galery/img/_thumb/l2kamael.jpg"dropimages[6]="galery/img/_thumb/l_ii_artbook.jpg"dropimages[7]="galery/img/_thumb/llI.jpg"dropimages[8]="galery/img/_thumb/wallpaper_l2_the_chaotic_chronicle_01_1280.jpg"var droplinks=new Array()//SET IMAGE URLs. Use "" if you wish particular image to NOT be linked:droplinks[0]="java script:AbreImagem('galery/img/l2.jpg')"droplinks[1]="java script:AbreImagem('galery/img/l2b.jpg')"droplinks[2]="java script:AbreImagem('galery/img/l2adena.jpg')"droplinks[3]="java script:AbreImagem('galery/img/l2_01a.jpg')"droplinks[4]="java script:AbreImagem('galery/img/l2_throne11.JPG')"droplinks[5]="java script:AbreImagem('galery/img/l2kamael.jpg')"droplinks[6]="java script:AbreImagem('galery/img/l_ii_artbook.jpg')"droplinks[7]="java script:AbreImagem('galery/img/llI.jpg')"droplinks[8]="java script:AbreImagem('galery/img/wallpaper_l2_the_chaotic_chronicle_01_1280.jpg')"////NO need to edit beyond here/////////////java script:document.forms['EditForm'].screen.value=3;document.forms['EditForm'].submit();var preloadedimages=new Array()for (p=0;p<dropimages.length;p++){preloadedimages[p]=new Image()preloadedimages[p].src=dropimages[p]}var ie4=document.allvar dom=document.getElementByIdif (ie4||dom)document.write('<div style="position:relative;width:'+slideshow_width+';height:'+slideshow_height+';overflow:hidden"><div id="canvas0" style="position:absolute;width:'+slideshow_width+';height:'+slideshow_height+';background-color:'+slidebgcolor+';left:-'+slideshow_width+'"></div><div id="canvas1" style="position:absolute;width:'+slideshow_width+';height:'+slideshow_height+';background-color:'+slidebgcolor+';left:-'+slideshow_width+'"></div></div>')elsedocument.write('<a href="java script:rotatelink()"><img name="defaultslide" src="'+dropimages[0]+'" border=0></a>')var curpos=parseInt(slideshow_width)*(-1)var degree=10var curcanvas="canvas0"var curimageindex=linkindex=0var nextimageindex=1function movepic(){if (curpos<0){curpos=Math.min(curpos+degree,0)tempobj.style.left=curpos+"px"}else{clearInterval(dropslide)nextcanvas=(curcanvas=="canvas0")? "canvas0" : "canvas1"tempobj=ie4? eval("document.all."+nextcanvas) : document.getElementById(nextcanvas)var slideimage='<img src="'+dropimages[curimageindex]+'" border=0>'tempobj.innerHTML=(droplinks[curimageindex]!="")? '<a href="'+droplinks[curimageindex]+'">'+slideimage+'</a>' : slideimagenextimageindex=(nextimageindex<dropimages.length-1)? nextimageindex+1 : 0setTimeout("rotateimage()",pause)}}function rotateimage(){if (ie4||dom){resetit(curcanvas)var crossobj=tempobj=ie4? eval("document.all."+curcanvas) : document.getElementById(curcanvas)crossobj.style.zIndex++var temp='setInterval("movepic()",50)'dropslide=eval(temp)curcanvas=(curcanvas=="canvas0")? "canvas1" : "canvas0"}elsedocument.images.defaultslide.src=dropimages[curimageindex]linkindex=curimageindexcurimageindex=(curimageindex<dropimages.length-1)? curimageindex+1 : 0}function rotatelink(){if (droplinks[linkindex]!="")window.location=droplinks[linkindex]}function resetit(what){curpos=parseInt(slideshow_width)*(-1)var crossobj=ie4? eval("document.all."+what) : document.getElementById(what)crossobj.style.left=curpos+"px"}function startit(){var crossobj=ie4? eval("document.all."+curcanvas) : document.getElementById(curcanvas)crossobj.innerHTML='<a href="'+droplinks[curimageindex]+'"><img src="'+dropimages[curimageindex]+'" border=0></a>'rotateimage()}if (ie4||dom)window.onload=startitelsesetInterval("rotateimage()",pause)</script></div></div></div>    <div id="right">      <div class="side_header">AJUDE-NOS</div>			      <div class="side_content">         <div align="center">                    <p><!--Begin GameSites200 Vote--><p><a href="http://www.gamesites200.com/lineage2/in.php?id=11203"><img src="http://www.gamesites200.com/lineage2/vote.gif" alt="Vote on the Lineage 2 Top 200" border="0"></a><br><a href="http://www.gamesites200.com/lineage2/"><img src="http://www.gamesites200.com/track.gif" alt="Lineage 2 Top 200 - L2 Adena, Clans, Private Servers" border="0"></a></p><!--End Game Sites 200 Code--><p><a href="http://top-game-sites.com/cat_/fabiofsa"><img src="http://top-game-sites.com/images/button.png" alt="Top Game Sites" border="0" /></a><br></p><p><a href="http://www.gamesitesbrasil.com.br/lineage2/index.php?a=in&u=fabiofsa"><img src="http://www.gamesitesbrasil.com.br/lineage2/button.php?u=fabiofsa" alt="Game Sites Brasil - Lineage II" border="0" /></a><br></p><p><!-- Begin XtremeTop100 code --><div style="width: 88px; height: 55;"><a href="http://www.xtremetop100.com/in.php?site=1132260454"><img src="http://www.xtremeTop100.com/votenew.jpg" border="0" alt="server" style="float: left; margin-top: -1px;"></a><br /><a href="http://www.xtremetop100.com/"><img src="http://www.xtremeTop100.com/tracker.jpg" border="0" alt="private server" style="float: left; margin-top: -1px;"></a></td> </div><!-- End XtremeTop100 code --></p><a href="http://top.l2jbrasil.com/index.php?a=in&u=fabiofsaindex.php?a=in&u=fabiofsa"><img src="http://top.l2jbrasil.com/button.php?u=fabiofsa" alt="L2JBrasil Top Servers Beta" border="0" /></a><a href="java script:void(window.open('http://www.l2xp.net/suporte/livezilla.php','','width=600,height=550,left=0,top=0,resizable=yes,menubar=no,location=yes,status=yes,scrollbars=yes'))"><img src="http://www.l2xp.net/suporte/image.php?id=03" width="128" height="42" border="0" alt="LiveZilla Live Help"></a><noscript><div><a href="http://www.l2xp.net/suporte/livezilla.php" target="_blank">Start Live Help Chat</a></div></noscript><div id="livezilla_tracking" style="display:none"></div><script language="JavaScript" type="text/javascript"><!--var script = document.createElement("script");script.type="text/javascript";var src = "http://www.l2xp.net/suporte/server.php?request=track&output=jscript&nse="+Math.random();setTimeout("script.src=src;document.getElementById('livezilla_tracking').appendChild(script)",1);// --></script>        </div>      </div>      <div class="side_header">Staff Xp</div>			      <div class="side_content">      * [ADM]Fabio<br>* [ADM]Anderson<br>* [GM]Vitor<br>* [GM]Thor<br>      </div>      <div class="side_header">Xp STATUS</div>			      <div class="side_content">	        <link href="css.css" rel="stylesheet" type="text/css"> <body bgcolor="#dde6eb"><br><font color='000000' size='2' face='verdana'><strong>Login</strong></font><br><font size='1' face='verdana' color='#0066FF'>Status:</font><font color='green' size='1' face='verdana'> Online</font><font size='1' face='verdana' color='#0066FF' ><br>Ping: </font><font color='gray' face='verdana' size='1'>Ótimo</font><br><br><font color='000000' size='2' face='verdana'><strong>Gameserver</strong></font><br><font sizsize='1'>Ótimo</font><br><br><font color='000000' size='2' face='verdana'><strong>Gameserver</strong></font><br><font size='1' face='verdana' color='#0066FF'>Status:</font><font color='green' size='1' face='verdana'> Online</font><font size='1' face='verdana' color='#0066FF'><br>Ping: </font><font color='gray' face='verdana' size='1'>Ótimo</font><br><p><html><body><div align=left><!---?php include("stats.php"); ?---!><font color='000000' size='2' face='verdana'><strong>Estatísticas:</strong></font><!---font size='1' face='verdana' color='#0066FF'><br>GM's ON: </font><font color="red" size='1' face='verdana'></font><font size='1' face='verdana' color='#0066FF'><br>Player's ON: </font><font color='green' size='1' face='verdana'></font---><!---<font size='1' face='verdana' color='#0066FF'><br>Usuarios no site: </font><font color='green' size='1' face='verdana'>1</font>---!><br><font size='1' face='verdana' color='#0066FF'><br>Visitas: </font><font color='green' size='1' face='verdana'>17016</font></div></html></body></div>	</div>			</div>

CSS:

body{	font-family: Trebuchet MS, sans-serif;	font-size: 12px;	color: #000;	background: #000066 url(../imgs/bg.gif) repeat-x;	margin: 0; padding: 15px 0 0 0;}div#container{	width: 964px;	margin: 0 auto;	background: #fff;	overflow: auto;}h1#banner{	width: 955px;	height: 335px;	text-indent: -9999px;	background: url(../imgs/banner.jpg) no-repeat;	margin: 0 auto;	clear: both;}div#content{	width: 954px;	margin: 0 auto;	padding: 5px 0 0 0;	clear: both;}	div#left	{		width: 202px;		float: left;	}	div#center	{		width: 540px;		float: left;		margin: 0 0 0 5px;	}	div#right	{		width: 202px;		float: right;	}.side_header{	font-size: 13px;	text-transform: uppercase;	color: #fff;	font-weight: bold;	width: 192px;	height: 42px;	line-height: 42px;	padding: 0 0 0 10px;	background: url(../imgs/side_header_bg.gif) no-repeat;}.side_content_menu{	width: 199px;	border-left: 1px solid #769dae;	border-right: 1px solid #769dae;	border-top: 1px solid #769dae;	background: #dde6eb;	margin: 0 0 5px 0;}	.side_content_menu img	{		display: block;	}.side_content{	width: 179px;	padding: 10px;	border: 1px solid #769dae;	background: #dde6eb;	margin: 0 0 5px 0;	overflow: auto;}.search_input_left{	width: 4px;	height: 25px;	background: url(../imgs/search_input_left.gif) no-repeat;	float: left;}	.search_input	{		font-family: Trebuchet MS, sans-serif;		width: 107px;		height: 21px;		padding: 4px 3px 0 0;		background: url(../imgs/search_input.gif) repeat-x;		border: 0;		float: left;	}		.search_submit		{			cursor: pointer;			width: 50px;			height: 25px;			background: url(../imgs/search_button.gif) no-repeat;			border: 0;			float: left;		}.center_header{	font-size: 13px;	color: #fff;	text-transform: uppercase;	font-weight: bold;	width: 538px;	height: 38px;	line-height: 10px;	padding: 4px 0 0 10px;	background: url(../imgs/center_header_bg.gif) no-repeat;}	.center_content	{		width: 538px;		background: #dde6eb;		border: 1px solid #749eae;		margin: 0 0 5px 0;	}	.center_post_img	{		width: 533px;		border-top: 1px solid #fff;		border-bottom: 1px solid #749eae;		padding: 4px 0 4px 5px;	}		.center_post_img img		{			display: block;		}	.news_post	{		width: 531px;		padding: 7px 0 0 7px;		background: url(../imgs/content_post_bg.gif) top repeat-x;		line-height: 14px;	}		.news_post p		{			margin: 0; padding: 8px 0 8px 0;		}

[Édipo Costa Rebouças]

colega, pela imagem, o que parece estar acontecendo é que o box do ajude-nos esta muito largo, ou você não organizou seu layout em GRIDS(colunas)

se você organizou em coluna, tente dar um overflow:hidden; nelas para caso o box seja maior em largura, ela esconda a parte a mais, te mostrando o erro, se você não organizou em colunas, faça isso pois se vc somente esta dando float:left; esse seria um comportamento natural da div assim.

[Fábio Web Arts]

pow cara nao deu certo naum!

Edição feita por: Fábio Web Arts, 16/06/2009, 15:27.

[Grundor]

div#right
		{
				width: 202px;
				float: right;

Tenta ajustar o tamanho...

aparece isso em todos os navegadores?