Jump to content

  2. → Viewing Profile: Tópicos: ThiagoRezende

ThiagoRezende

Member Since 13/08/2009
Offline Last Active 24/05/2010, 11:24
-----

Topics I've Started

Programador Freelancer Web | Curitiba

22/09/2009, 09:34

Olá pessoal sou webdesigner, preciso de um programador num projeto que estou fazendo, resumindo seria a criação de um gerenciador de notícias e validação de formulário simples, tendo interesse favor entrar em contato no email cwbgraff@hotmail.com, que passarei briefing detalhado para orçamento.

[resolvido] Posição Da Div Incorreta Nos Ie

21/08/2009, 15:40

Bom dia pessoal, estou com mais um problema...

Estou criando um site somente com utilização de div's, porém nao consigo posicionar uma div sobre a outra no IE, o posicionamento funciona no firefox, chrome, ópera, safari.... menos nos IE..

preciso que a "div SUB" flutue sobre a "div TOP", mas no IE a "div SUB" se posiciona ao final da "div TOP" no bottom e right dela...

segue imagens para a visualização do problema:

Posição correta (firefox e outros):

Posted Image

Posição ERRADA (IE's):

Posted Image


Segue códigos:

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> 

<meta http-equiv="content-type" content="text/html; charset=utf-8"/> 

<style>@import "lynx.css";</style>
&lt;script type="text/javascript" src="swfobject.js"></script>
<title>Lynx Eventos & Treinamentos</title>
</head>
<body>
<div id="container">
   
<div id="leftbg"> </div>
<div id="middlebg">
<div id="sub"> </div>
<div id="top" class="top"></div>
	&lt;script type="text/javascript">
		var so = new SWFObject("top.swf", "top", "780", "145", "9.0", "#ffffff");
		so.addParam("quality", "high");
		so.addParam("wmode", "transparent");
		so.write("top");</script>
<div id="contents">
<div id="atuacao"> </div>
</div>
</div>
</div>
<div id="rightbg"> </div>
</div>	   
</body>
</html>

CSS

@charset "UTF-8";

/*GERAIS*/
html, body {height:100%; margin:0; padding:0; border:0; background-color:#7e7e7e; overflow-x: hidden; overflow-y: auto;}

/*MONTAGEM*/
#container{width:100%; height:100%; background:#7e7e7e;}
#leftbg{width: 50%; height:100%; display:block; float:left; margin-left: -390px; background:url(imgs/bgsite_left.jpg) top right repeat-x;}
#middlebg{width: 780px; height:auto; display:block; float:left; margin:auto; z-index:1; background:url(imgs/bg_contents.gif) top left repeat-y;}
#rightbg{width: 49%; height:100%; display:block; float:left; margin-right:-390px; background:url(imgs/bgsite_right.jpg) top left repeat-x;}

.top{ width:780px; height:145px; float:left; display:block;}
#sub{width:200px; height:200px; background-color:#FF0000; float:left; z-index:21; position:absolute; margin:0px; padding:0px; display:block;}

#contents{ width:780px; height:auto; min-height:320px; display:block; padding-bottom:15px; float:left; background:url(imgs/bg_contents_top.gif) top left no-repeat;}
#bottom{ width:780px; height:80px; display:block; float:left; background:url(imgs/bg_bottom.gif) top left no-repeat;}

/*BANNERS*/
#atuacao{ width:710px; height:210px; display:block; float:left; margin:25px 0px 0px 35px; background:url(fla_imgs/atuacao_guide.jpg) top left no-repeat;}


Alguma solução? desde já, grato.

RESOLVIDO > retirei o float da "div TOP" e funcionou corretamente nos IE também.

Scroll Não Funciona Com As Div's

19/08/2009, 09:46

Olá,

Estou montando um site somente com a utilização de divs, porém quando se diminui o tamanho do browser na vertical, deveria habilitar o scroll do browser na vertical, mas o browser corta o conteúdo do site e não gera o scroll.

segue o conteúdo:

CSS:
html, body {height:100%; margin:0; padding:0; border:0;}

#container{width:100%; height:100%; overflow: hidden; background:#7e7e7e;}
#leftbg{width: 50%; height:100%; display:block; float:left; margin-left: -390px; background:url(imgs/bgsite_left.jpg) top right repeat-x; }
#middlebg{width: 780px; height:auto; display:block; float:left; margin:auto; z-index:1; background:url(imgs/bg_contents.gif) top left repeat-y;}
#rightbg{width: 49%; height:100%; display:block; float:left; margin-right:-390px; background:url(imgs/bgsite_right.jpg) top left repeat-x;}

#top{ width:780px; height:145px; display:block; float:left; background:url(fla_imgs/top_guide.jpg) top left no-repeat;}
#contents{ width:780px; height:auto; min-height:320px; display:block; padding-bottom:15px; float:left; background:url(imgs/bg_contents_top.gif) top left no-repeat;}
#bottom{ width:780px; height:80px; display:block; float:left; background:url(imgs/bg_bottom.gif) top left no-repeat;}

#atuacao{ width:710px; height:210px; display:block; float:left; margin:25px 0px 0px 35px; background:url(fla_imgs/atuacao_guide.jpg) top left no-repeat;}
#banners{ width:470px; height:190px; display:inline-block; float:left; margin:0px 0px 20px 35px;}
#passagens{ width:470px; height:85px; display:block; float:left; margin-bottom:10px; background:url(fla_imgs/banner_passagens_guide.jpg) top left no-repeat;}
#sustentaveis{ width:230px; height:95px; display:inline-block; float:left; background:url(fla_imgs/banner_sustentaveis_guide.jpg) top left no-repeat;}
#null{ width:230px; height:95px; display:inline-block; float:left; margin-left:10px; background:url(fla_imgs/banner_null.jpg) top left no-repeat;}
#news{ width:230px; height:190px; display:inline-block; float:left; margin:0px 0px 20px 10px; background:url(imgs/news_bg.gif) top left no-repeat;}

#feiras{ width:230px; height:90px; display:inline-block; float:left; margin:0px 0px 0px 35px; background:url(fla_imgs/banner_feiras.gif) top left no-repeat;}
#eventos{ width:230px; height:90px; display:inline-block; float:left; margin:0px 0px 0px 10px; background:url(fla_imgs/banner_eventos.gif) top left no-repeat;}
#parceiros{ width:230px; height:90px; display:inline-block; float:left; margin:0px 0px 0px 10px; background:url(fla_imgs/banner_parceiros.gif) top left no-repeat;}

HTML:
<?xml version="1.0" encoding="utf-8"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd"> 
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="cs" lang="cs">
<head>  
<meta http-equiv="content-type" content="text/html; charset=utf-8"/> 

<style>@import "lynx.css";</style>
<title></title>
</head>
<body>
<div id="container">
   
<div id="leftbg"> </div>
<div id="middlebg">
<div id="top"> </div>
<div id="contents">
<div id="atuacao"> </div>
<div id="banners">
<div id="passagens"> </div>
<div id="sustentaveis"> </div>
<div id="null"> </div>
</div>
<div id="news"> </div>
<div id="feiras"> </div>
<div id="eventos"> </div>
<div id="parceiros"> </div>
</div>
<div id="bottom"></div>
</div>
<div id="rightbg"> </div>
</div>	   
</body>
</html>

Pessoal, resolvi a div #container estava com overflow: hidden...

[resolvido] 3 Div's Alinhadas Horizontalmente Ocupando Largura 100

13/08/2009, 11:02

Olá pessoal, estou começando agora a trabalhar com tableless.

quero criar 3 divs alinhadas , e que as 3 ocupem 100% da largura do browser, sendo que a do meio tem a largura fixa de 700px, e as duas laterais tivessem uma largura "auto" que completassem o 100% da largura do browser.

Se fosse com tabela eu criaria uma tabela com largura 100%, com 3 colunas, a coluna (td) do meio colocaria a largura de 700px, e as laterais com largura "auto".

com as divs tentei isso:

CSS:

html, body {margin:0px; padding:0px; height:100%;}
#container {float:left; width:100%; height:100%; display:block; background:#FFFF00;}
#bg_left {float:left; width:50%-350px; height:100%; background:#FF0000; display:inline-block;}
#bg_middle {float:left; width:700px; height:100%; background:#000000; display:inline-block;}
#bg_right {float:left; width:50%-350px; height:100%; background:#336699; display:inline-block;}


HTML:

<body>
<div id="container">
<div id="bg_left">Content for id "bg_left" Goes Here</div>
<div id="bg_middle">Content for id "bg_middle" Goes Here</div>
<div id="bg_right">Content for id "bg_right" Goes Here</div>
</div>
</body>

Porém as 3 divs internas nao fecham a largura total dos browsers.

Alguém pode me ajudar?

  1. Fórum WMO
  2. → Viewing Profile: Tópicos: ThiagoRezende
  3. Privacy Policy
  4. Regras ·
IPB Skin By Virteq