(Resolvido) CSS - Height e overflow

okplaygo · Agosto 4, 2010

Pessoal, estou fazendo um portalzeco de jogos em flash e tou tendo problemas para acertar o layout dele.

Como podem ver nesse link:

http://www.okplaygo.com/puzzles/cargo-bridge/

Eu tenho o jogo centralizado na página com uma descrição lateral.

Se vocês entrarem nele pelo Chrome, verão que ele exibe corretamente, ao final da altura da aplicação em flash, ele ativa o overflow do texto descritivo. Mas visualizando em outros browsers(Firefox, IE e Opera), o efeito que eu tenho é o texto se expandindo sem o limite da altura do flash.

Como eu poderia fazer para regularizar a situação entre os browsers?

Atualmente o código está mais ou menos assim:

<div id="content">
    <div id="gamecontent">
        <div id = "gameheader">
            <div id = "gameleft">                       
            </div>
            <div id = "gameright">
            </div>
            <div class = "clear"></div>
        </div>
        <div id = "allgame">
            <div id = "allgamesub">
                <div id = "flash">
                </div> 
                <div id = "description">
                </div> 
            </div>
         </div>
    </div> 
</div>

html, body {
height:auto;
overflow:inherit; /* triggers 100% height in Opera 9.5 */
background:#EFEFEF;
}
#content {
        width: 990px;
    margin: 0px auto;
        padding: 0px;
}
#gamecontent{    
     width: 990px;
     padding:0px;
}

.clear {
    clear:both;
    padding:0;
    margin:0;
}

#gameheader{
     position:relative
}

#gameleft{
     position:absolute; top:25%; 
     font:bold 24px verdana;
     color:#000000;        
     float:left;
     width: 200px;
}

#gameright{
     font:normal 11px verdana;     
     color:#000000;
     float:right;
     text-align:right;
}

#allgame{
position:relative;
max-width:104%;
height:100%;
border:5px solid #7A7A7A;
display: table;
margin: 10px auto;
background-color: #CECECE;
margin:10px auto;
overflow: hidden;
}

#allgamesub{
    border-collapse:separate;
    display: table-row;
    height: inherit;
}

/* flash container */    
#flash{       
     float: left;
     height: inherit;
     position:relative;
}

#description{  
     position:relative;
     float: left;
     width: 175px;  
     height: 100%;
     border-left:5px solid #7A7A7A;  
     text-align:left;
     color:#000000;
     font:normal 10px verdana; 
     overflow: auto;  
}

Obrigado desde já. :)

Matheus Matos · Agosto 4, 2010

Deves lembrar que quando tu coloca um border-left com 5px, ele aumenta a largura em 5px, então, deves diminuir para 170px para que fique então com 175px, entendeu? Ou já fez isso?

Não vá embora se não conseguir resolver o problema! :D POSTE!!!

Abraços

Matheus Matos

P.S: Ei, pena que não consigui jogar o jogo que tem lá.. #FiqueiTriste :(

Editado Agosto 4, 2010 por Matheus Matos

okplaygo · Agosto 4, 2010

O problema que tenho realmente é relativo ao overflow vertical. É como se o id "description" não recebesse a altura correta.

Por descargo de consciencia mudei o que tu me comentou para 170, mas não solucionou o problema :(.

Poxa, e quanto ao jogo, deveria tar funcionando, testei em todos os browsers e em todos abriu.

Valeu por tentar ajudar :D.

Se alguém tiver mais alguma idéia do que possa estar causando o problema, eu agradeço.

*FIT* · Agosto 6, 2010

O texto que se encontra na lateral direita do jogo, está dentro de <ul><li>? Se sim, acredito que tenha que determinar os tamanhos delas, me parece que é isso que está fazendo tudo descer.

Por elas não estarem sendo configuradas no CSS, estão herdando as configurações de outra div, e por isso aconteça esse problema.

O porque de só acontecer no firefox, é devido as diferentes formas que cada navegador tem de interpretar o CSS.

okplaygo · Agosto 6, 2010

Na verdade, apesar de estar como eu quero no Chrome, é apenas nele que está dessa forma. Em todos os outros estão da mesma forma e errados(quanto ao que eu quero).

Eu tentei forçar os <ul> e <li> de dentro da lateral direita a receberem "100%" de height, mas isso não causa nenhuma alteração nos outros navegadores e ainda quebra a forma que está no Chrome. :/

Um outro ponto, que demonstra que o problema é a "herança" da altura da janela que contém o jogo + a descrição é nesta página aqui:

http://www.okplaygo.com/puzzles/furfur-and-nublo/

Onde a descrição tem uma borda lateral(a da esquerda), que se extende apenas enquanto dura o texto.

Se alguém tiver alguma idéia de como posso corrigir, agradeço muito.

Editado Agosto 6, 2010 por okplaygo

*FIT* · Agosto 6, 2010

Forçar 100% na <li> só vai piorar o problema, tenta jogar um height baixo e veja o que acontece ;)

okplaygo · Agosto 6, 2010

Tentei colocar heights bem baixos(20-30%) tanto na <li> quanto na <ul>, mas não surtiram efeito nenhum

*FIT* · Agosto 6, 2010

Não porcetagem, acredito ser isso que esteja bagunçando um pouco as coisas, tente utilizar valores fixeis usando pixel.

Fiz um teste aqui na firebug, e parece que isso resolve sim.

okplaygo · Agosto 6, 2010

Mas eu não quero que sejam valores fixos, eu preciso que a descrição seja da altura do flash a esquerda, e essa altura varia de jogo em jogo. :/

BetiN · Agosto 8, 2010

arrumei pra você cara... :P...segui ai o HTML...da pagina...

<!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 profile="http://gmpg.org/xfn/11"> 
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> 
<meta name="distribution" content="global" /> 
<meta name="robots" content="follow, all" /> 
<meta name="language" content="en, sv" /> 

<title>Ok Play Go - Just play, can't be simpler</title> 
<meta name="generator" content="WordPress 3.0.1" /> 
<!-- leave this for stats please --> 

<link rel="alternate" type="application/rss+xml" title="RSS 2.0" href="http://www.okplaygo.com/feed/" /> 
<link rel="alternate" type="text/xml" title="RSS .92" href="http://www.okplaygo.com/feed/rss/" /> 
<link rel="alternate" type="application/atom+xml" title="Atom 0.3" href="http://www.okplaygo.com/feed/atom/" /> 
<link rel="pingback" href="http://www.okplaygo.com/xmlrpc.php" /> 
    <link rel='archives' title='July 2010' href='http://www.okplaygo.com/2010/07/' /> 
<link rel="alternate" type="application/rss+xml" title="Ok Play Go &raquo; Cargo Bridge Comments Feed" href="http://www.okplaygo.com/puzzles/cargo-bridge/feed/" /> 
<link rel='stylesheet' id='gdsr_style_main-css'  href="css.css" type='text/css' media='all' /> 
<link rel='stylesheet' id='gdsr_style_xtra-css'  href='http://www.okplaygo.com/wp-content/gd-star-rating/css/rating.css?ver=1.9.3' type='text/css' media='all' /> 
<link rel='stylesheet' id='wp-pagenavi-css'  href='http://www.okplaygo.com/wp-content/plugins/wp-pagenavi/pagenavi-css.css?ver=2.70' type='text/css' media='all' /> 
&lt;script type='text/javascript' src='http://www.okplaygo.com/wp-includes/js/jquery/jquery.js?ver=1.4.2'></script> 
&lt;script type='text/javascript' src='http://www.okplaygo.com/wp-content/plugins/gd-star-rating/js/gdsr.js?ver=1.9.3'></script> 
<link rel="EditURI" type="application/rsd+xml" title="RSD" href="http://www.okplaygo.com/xmlrpc.php?rsd" /> 
<link rel="wlwmanifest" type="application/wlwmanifest+xml" href="http://www.okplaygo.com/wp-includes/wlwmanifest.xml" /> 
<link rel='index' title='Ok Play Go' href='http://www.okplaygo.com/' /> 
<link rel='start' title='Blockage' href='http://www.okplaygo.com/puzzles/blockage/' /> 
<link rel='prev' title='Bunny Angels' href='http://www.okplaygo.com/puzzles/bunny-angels/' /> 
<link rel='next' title='Connection' href='http://www.okplaygo.com/puzzles/connection/' /> 
<meta name="generator" content="WordPress 3.0.1" /> 
<link rel='canonical' href='http://www.okplaygo.com/puzzles/cargo-bridge/' /> 
<link rel='shortlink' href='http://www.okplaygo.com/?p=36' /> 
&lt;script type="text/javascript"> 
//<![CDATA[
var gdsr_cnst_nonce = "5d54eab124";
var gdsr_cnst_ajax = "http://www.okplaygo.com/wp-content/plugins/gd-star-rating/ajax.php";
var gdsr_cnst_button = 1;
var gdsr_cnst_cache = 0;
// ]]>
</script> 
<!--[if IE]><style type="text/css">.ratemulti .starsbar .gdcurrent { -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=70)"; filter: alpha(opacity=70); }</style><![endif]--> 
<style type="text/css" media="screen"><!-- @import url( http://www.okplaygo.com/wp-content/themes/triqui/style.css ); --></style> 
<meta name="google-site-verification" content="mB5OLI7O3ipYY4fIal2KuN8OCQykScvz3e8ampI8260" /> 
</head> 

<body> 

<div id="header"> 
    <div class="headerleft" onclick = "window.location='http://www.okplaygo.com'"></div>    

    <div id="navbar"> 
          <ul id="nav"> 
             <li><a href="http://www.okplaygo.com">Home</a></li> 
                 <li class="cat-item cat-item-11"><a href="http://www.okplaygo.com/category/action/" title="Flash Action Games">Action</a> 
</li> 
    <li class="cat-item cat-item-12"><a href="http://www.okplaygo.com/category/adventure/" title="Flash Adventure Games">Adventure</a> 
</li> 
    <li class="cat-item cat-item-14"><a href="http://www.okplaygo.com/category/casino/" title="Flash Casino Games">Casino</a> 
</li> 
    <li class="cat-item cat-item-16"><a href="http://www.okplaygo.com/category/driving/" title="Flash Driving Games">Driving</a> 
</li> 
    <li class="cat-item cat-item-17"><a href="http://www.okplaygo.com/category/fighting/" title="Flash Fighting Games">Fighting</a> 
</li> 
    <li class="cat-item cat-item-18"><a href="http://www.okplaygo.com/category/high-scores/" title="Flash High Scores Games">High Scores</a> 
</li> 
    <li class="cat-item cat-item-19"><a href="http://www.okplaygo.com/category/other/" title="Flash Other Games">Other</a> 
</li> 
    <li class="cat-item cat-item-21"><a href="http://www.okplaygo.com/category/puzzles/" title="Flash Puzzles Games">Puzzles</a> 
</li> 
    <li class="cat-item cat-item-22"><a href="http://www.okplaygo.com/category/shooting/" title="Flash Shooting Games">Shooting</a> 
</li> 
    <li class="cat-item cat-item-23"><a href="http://www.okplaygo.com/category/sports/" title="Flash Sports Games">Sports</a> 
</li> 
         </ul> 
        </div> 

</div>&lt;script type="text/javascript"> 
window.google_analytics_uacct = "UA-13204472-2";
</script> 
<div id="content"> 
     <div id="gamecontent"> 
          
          <div id = "gameheader"> 
              <div id = "gameleft"> 
          Cargo Bridge              
              </div> 
              <div id = "gameright"> 
   
               <div class ="adsensead"> 

&lt;script type="text/javascript"><!--
google_ad_client = "pub-7920998006330594";
/* okPlaygo GamePage */
google_ad_slot = "5327577554";
google_ad_width = 728;
google_ad_height = 90;
//-->
</script> 
&lt;script type="text/javascript"

src="http://pagead2.googlesyndication.com/pagead/show_ads.js"> 
</script> 
               </div> 
              </div> 
              <div class = "clear"></div> 
          </div> 

          
      <br>    

          <div id = "allgame"> 
<div id = "flash"> 
<embed src="http://www.okplaygo.com/wp-content/uploads/2010/07/cargo_bridge.swf" menu="false" quality="high" width="800" height="550" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer" /> 
               </div> <!-- end flash div --> 
    
               <div id = "description"> 
               <ul> 
                <div class="date"> 
                <li>Rating:</li> 
                  <div style="display: none">VN:F [1.9.3_1094]</div><div class="ratingblock "><div class="ratingheader "></div><div class="ratingstars "><div id="article_rater_36" class="ratepost gdsr-starrating gdsr-size-20"><div class="starsbar gdsr-size-20"><div class="gdouter gdheight"><div id="gdr_vote_a36" style="width: 70px;" class="gdinner gdheight"></div><div id="gdr_stars_a36" class="gdsr_rating_as"><a id="gdsrX36X5X0XaXarticle_rater_36Xarticle_loader_36X47X20" title="5 / 5" class="s5" rel="nofollow"></a><a id="gdsrX36X4X0XaXarticle_rater_36Xarticle_loader_36X47X20" title="4 / 5" class="s4" rel="nofollow"></a><a id="gdsrX36X3X0XaXarticle_rater_36Xarticle_loader_36X47X20" title="3 / 5" class="s3" rel="nofollow"></a><a id="gdsrX36X2X0XaXarticle_rater_36Xarticle_loader_36X47X20" title="2 / 5" class="s2" rel="nofollow"></a><a id="gdsrX36X1X0XaXarticle_rater_36Xarticle_loader_36X47X20" title="1 / 5" class="s1" rel="nofollow"></a></div></div></div></div><div id="article_loader_36" style="display: none; width: 100px " class="ratingloaderarticle"><div class="loader snake " style="height: 20px"><div class="loaderinner">please wait...</div></div></div></div><div class="ratingtext "><div id="gdr_text_a36">3.5/<strong>5</strong> (4 votes )</div></div></div>                          
                </div> 
                <div id="description2">
                  <li>Views:</li> 
                  708
                    <li>Description</li> 
                    <p>Build a bridge using your mouse and available budget. When it is done click "Test your bridge". <br />Your workers will use it to get items located at the other side of valley, and bring them back to the shop. Your goal is to collect all items in level.<br /><br />For each level you have limited budget. All money that you won't use, become your score, so cheaper bridge = higher score. <br />Money collected in all levels of game will be your total score and will be sent to leader board. You will use those money in challenge mode too.<br /><br />Building tips:<br />* There are two types of bridge elemets: "walk" - workers can step on them, "connectors" - used only to connect elemets of the bridge, workers do not collide with them.<br />* "Connector" elements are cheaper and lighter so use them as much as you can<br />* Each type of item have different weight and some of them will need stronger bridge then others.<br />* At the begining of game only wood elements of bridge are available. In further levels, aditional materials will be accessible also, so use them wisely.</p>                    
                                   </ul> 
                    </div>
          </div> <!-- end description div --> 
</div> 
        
          <!--
          <rdf:RDF xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
            xmlns:dc="http://purl.org/dc/elements/1.1/"
            xmlns:trackback="http://madskills.com/public/xml/rss/module/trackback/">
        <rdf:Description rdf:about="http://www.okplaygo.com/puzzles/cargo-bridge/"
    dc:identifier="http://www.okplaygo.com/puzzles/cargo-bridge/"
    dc:title="Cargo Bridge"
    trackback:ping="http://www.okplaygo.com/puzzles/cargo-bridge/trackback/" />
</rdf:RDF>          --> 
                    <div id = "generalcomments"> 
<div id = "commentleft"> 
          <p id="review">Review <strong>Cargo Bridge</strong></p> 
     <form action="http://www.okplaygo.com/wp-comments-post.php" method="post" id="commentform"> 
                    <p><label for="author">Name  (*)</label><br /> 
          <input class = "texts" type="text" name="author" id="author" value="" size="40" tabindex="1" /></p> 
          <p><label for="email">Email Address(*)</label><br /> 
          <input class = "texts"  type="text" name="email" id="email" value="" size="40" tabindex="2" /></p> 
          <p><label for="url">Website</label><br /> 
          <input class = "texts"  type="text" name="url" id="url" value="" size="40" tabindex="3" /></p> 
                    <p><textarea  class = "texts"  name="comment" id="comment" cols="70" rows="10" tabindex="4"></textarea></p> 
          <p><input name="submit" type="submit" id="submit" tabindex="5" value="POST REVIEW" class = "sub_button" /> 
          <input type="hidden" name="comment_post_ID" value="36" /></p> 
               </form> 
     </div> <!-- end commentleft div --> 
<div id="commentright"> 
    <p id="review">No Reviews to <strong>Cargo Bridge</strong></p> 
    <ol class="commentlist"> 
        </ol> 
</div> <!-- end commentright div --> 
<div class = "clear"></div></div>     </div> <!-- end gamecontent div --> 
</div> <!-- end content div --> 
<div id="footer"> 
     An easy, simple and fast website you can play free games in.
     <div class="clear"></div> 
    <div id = "copy"></div> 
</div> <!-- end footer div --> 
<!-- 24823be3a1563dbd4719e829677ba348mochiads.com --> 
&lt;script type="text/javascript"> 
  var _gaq = _gaq || [];
  _gaq.push(['_setAccount', 'UA-13204472-2']);
  _gaq.push(['_trackPageview']);

  (function() {
    var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
    ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
    var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
  })();

</script> 

</body> 
</html>

aki ta o novo CSS...nomeia ele como css.css ...blza? e deleta o antigo referente a esse aki

html, body {
height:auto;
overflow:inherit; /* triggers 100% height in Opera 9.5 */
background:#EFEFEF;
}
#content {
        width: 990px;
    margin: 0px auto;
        padding: 0px;
}
#gamecontent{    
     width: 990px;
     padding:0px;
}

.clear {
    clear:both;
    padding:0;
    margin:0;
}

#gameheader{
     position:relative
}

#gameleft{
     position:absolute; top:25%; 
     font:bold 24px verdana;
     color:#000000;        
     float:left;
     width: 200px;
}

#gameright{
     font:normal 11px verdana;     
     color:#000000;
     float:right;
     text-align:right;
}

#allgame{
position:relative;
max-width:104%;
height:100%;
border:5px solid #7A7A7A;
display: table;
margin: 10px auto;
background-color: #CECECE;
margin:10px auto;
overflow: hidden;
}

#allgamesub{
    border-collapse:separate;
    display: table-row;
    height: inherit;
}

/* flash container */    
#flash{       
     float: left;
     height: inherit;
     position:relative;
}

#description{  
     position:relative;
     float: left;
     width: 185px;  
     height: 100%;
     border-left:5px solid #7A7A7A;  
     text-align:left;
     color:#000000;  
}

#description2{  
     position:relative;
     float: left;
     width: 167px;  
     height: 520px;
     text-align:left;
     color:#000000;
     font:normal 9px verdana; 
     overflow: auto; 
}
/*hehe...esse description2 foi eu q criei pra poder supri a necessidade do overflow q não tava aparecendo... se quiser aumentar a fonte ou o conteudo do texto...vai funcionar de qualquer jeito...so coloquei dessa forma para se encaixar perfeitamente :D...mas ta arrumado viu man hehe :P */

CREIO EU...Q ESTE POST TÁ RESOLVIDO!

Editado Agosto 8, 2010 por BetiN

okplaygo · Agosto 8, 2010

BetiN, obrigado por tentar ajudar, mas sua solução não é válida, afinal, você usou uma altura definida em pixels para a coluna da descrição,e esse tamanho deve variar em relação à altura do flash que abre na esquerda.

Preciso de uma solução que não envolva de forma alguma uma altura pré-definida. :/

BetiN · Agosto 8, 2010

Tenta usar porcentagem então cara... acho q funciona...

tipo...a minha resolução mesmo ali não foi o tamanho da div... mas sim... q a div de descrição não pode ser junta com a do flash... tem q ser independente...e é necessario uma medida definida ...mesmo q em porcentagem... porque não tem como aplicar overflow sem essa medida determinada...

mas faz assim... caso não dê certo colocando %...

Deixa a div de descrição independente da do flash...porque esse é o problema saca?

...o q ta acontecendo ai...é problema de herança...dai tu coloca a altura da div igual a do flash...

mas o Interessante seria... criar uma DIV principal e determinar altura e largura para essa...dai você iria pegar e criar 2 divs dentro desta div principal ...uma para descrição outra para o Flash....e determinar as medidas em % relativas a DIV principal em q as 2 DIVS estão agrupadas...dai sim...não importaria o tamanho do FLASH ou da descrição..porque ambas iriam ser limitadas a obdecer a div principal como definição de tamanho e limite ...sendo estes valores definidos na DIV principal!

Editado Agosto 8, 2010 por BetiN

okplaygo · Agosto 8, 2010

Usar uma porcentagem com sua 1ª abordagem não funciona :/ , a sua segunda pede que existam valores pré-especificos em uma janela... sendo que eu não quero pré-especificar nenhum valor em pixeis. Preciso de uma solução completamente dinâmica.

*FIT* · Agosto 8, 2010

Bom, limitar um tamanho sem um valor pré-definido fica um pouco complicado.

Pelo menos um min ou max-height teria que ter.

No entanto, com javascript, você consegue capturar o tamanho de uma div, e assim montar a outra de acordo com essa.

Se estiver interessado, me responda que eu movo o tópico para lá.

BetiN · Agosto 9, 2010

Tranquilo...pode ser q o eskema do FIT ai dê certo mesmo...

realmente...

mas acho q deixando as divs isoladas entre sí.... e associadas a uma div PAI...seria mais interessante e bem mais pratico... eu acho... dai ambas teriam a mesma herança... não teria erro pow... mas você q sabe... :D...

okplaygo · Agosto 9, 2010

BetiN, eu já testei essa estrutura também, uma div allgame contendo uma div flash(com o jogo) e uma div description, porém, ocorre a mesma coisa, na verdade esse formato atual já é posterior a essa estrutura mais simples que eu esperava já que funcionasse :/ .

FIT , pode mover o tópico para lá então, eu não me importo com a forma que eu encontre a solução, desde que encontre alguma, hehehe.

Obrigado por tentarem ajudar :) .

BetiN · Agosto 9, 2010

Tranquilo cara...desculpa não ter ajuda com melhor eficácia... :S ... mas você vai ver... que com o JS vai conseguir...

Boa sorte fera :P

manda uma MP quando conseguir

se lembrar claro hehe...demro???

Editado Agosto 9, 2010 por BetiN

okplaygo · Agosto 10, 2010

Fórum de javascript, meu tópico teve de ser movido pois não conseguimos resolver meu problema na base de CSS.

Meu problema pode ser visto nos seguintes links:

http://www.okplaygo.com/puzzles/furfur-and-nublo/

http://www.okplaygo.com/puzzles/cargo-bridge/

A questão é que a div relativa à descrição não está podendo herdar a altura da janela maior que é composta pelo flash + descrição.

Gostaria de saber se há alguma maneira de fazer isto por javascript.

PS: No Chrome o código atual funciona como quero, porém em todos os outros fica diferente.

okplaygo · Agosto 14, 2010

Pessoal, se alguém tiver qualquer idéia do que eu possa tentar, eu agradeço.

kuroi · Agosto 14, 2010

okplaygo, isso deve resolver no java script:

document.getElementById("description").style.height = (document.getElementById("allgame").offsetHeight - 10) + "px";

so lembra de colocar esse codigo DEPOIS da div allgame já estar fechada (e obviamente, dentro da tag script).

okplaygo · Agosto 14, 2010

Muito obrigado, Kuroi!

Isso já foi o suficiente para resolver o problema do link 1... porém, ele continua dando problema em jogos onde a altura da descrição é maior que a janela do flash... no caso, a intenção é de quando isso acontecer, aparecer a barra lateral de scroll, no chrome, o css referente a overflow em auto já faz com que isso funcione, mas por algum motivo nos outros browser isso não ocorre :/.

kuroi · Agosto 14, 2010

então, acho q é o seguinte. o overflow (vertical) so vai funcionar se o height estiver setado. no chrome, se você não define o height, ele assume como o height o tamanho q o objeto ficou depois de carregada a pagina. mas no firefox, ele simplesmente entende q o height não foi setado (mesmo sabendo q o objeto tem tamanho).

pra resolver, no css, sete um height qualquer para a div #description.

ponha 100px q for, ou mesmo 10px, tanto faz, porque depois aquele codigo q eu passei no javascript vai ajeitar o tamanho no final. so tem q ser um tamanho q não ultrapasse o tamanho final q tera a div #allgame. tenta ai.

okplaygo · Agosto 14, 2010

Poxa! genial! funcionou 100% :D.

Muito obrigado Kuroi, resolvido o problema !

Entrar

(Resolvido) CSS - Height e overflow

Pergunta

Link para o comentário

Compartilhar em outros sites

22 respostass a esta questão

Posts Recomendados

Link para o comentário

Compartilhar em outros sites

Link para o comentário

Compartilhar em outros sites

Link para o comentário

Compartilhar em outros sites

Link para o comentário

Compartilhar em outros sites

Link para o comentário

Compartilhar em outros sites

Link para o comentário

Compartilhar em outros sites

Link para o comentário

Compartilhar em outros sites

Link para o comentário

Compartilhar em outros sites

Link para o comentário

Compartilhar em outros sites

Link para o comentário

Compartilhar em outros sites

Link para o comentário

Compartilhar em outros sites

Link para o comentário

Compartilhar em outros sites

Link para o comentário

Compartilhar em outros sites

Link para o comentário

Compartilhar em outros sites

Link para o comentário

Compartilhar em outros sites

Link para o comentário

Compartilhar em outros sites

Link para o comentário

Compartilhar em outros sites

Link para o comentário

Compartilhar em outros sites

Link para o comentário

Compartilhar em outros sites

Link para o comentário

Compartilhar em outros sites

Link para o comentário

Compartilhar em outros sites

Link para o comentário

Compartilhar em outros sites

Participe da discussão

Estatísticas dos Fóruns