div cortando menu

[Fabiano Ribeiro 0]

Olá pessoal, tô começando a trabalhar aos poucos com css e tô achando legal e bem útil. Tenho um div chamado "compartimento-conteudo" e dentro dele mais 3, um ao lado do outro. O problema é que o div "compartimento-conteudo" corta o menu na vertical e não teve jeito de resolver isso. Como não sabia explicar minha dúvida de forma técnica resolvi copiar a tela e mostrar a vcs. -= TELA =- . Como posso resolver isto? Vlw

[webflex 0]

Olá,Amigo, nao se guie pelo modo visual do DW :S.Teste sempre no FF e IE.Cumps \o/

[Fabiano Ribeiro 0]

Olá,Amigo, nao se guie pelo modo visual do DW :S.Teste sempre no FF e IE.Cumps \o/

Então, no IE roda tranquilo já no FF ele corta justamente onde é mostrado no DW. Eu até q poderia deixar passar, mas só uso FF :/

[webflex 0]

Olá,Mostre-nos seu código, ou parte de seu código, melhor ainda seria mostrar-nos o problema on-line.Cumps \o/

[Giovani 104]

Sem um link fica difícil saber o que está aocntecendo.

E como disseram, DW é só para o código, esqueça o modo visual.

 

Quem sabe o link a seguir ajude você.

http://forum.imasters.com.br/index.php?sho...mp;#entry539327

[Rafael Monroe 0]

Mostre-nos o código disto. Existem 'n' maneiras deste problema ser resolvido, mas atualmente ele possui uma identidade, e ela não deve ser quebrada. Por isto, é necessário que nos mostre o código css e se possível o html.Abs.

[Fabiano Ribeiro 0]

Bom galera desculpa a demora, o endereço de teste é http://www.infonet.com.br/ribeiro/interna.asp.

Meu CSS tá muito bagunçado, mas vou postar assim mesmo. Uma rápida explicação para ajudar. O MENU eu dividi em 3 partes: MENU1-menu com serviços; MENU2- menu institucional;MENU PARCEIROS- parceiros.

/* ---------------   GERAL   ---------------------*/body{	margin-left: 0px;	margin-top: 0px;	margin-right: 0px;	margin-bottom: 0px;	background-color:#ededf5;}#contorno{	width:778px;	margin:auto;	}#menu-topo{	width:778px;	height:99px;	margin:5 0 0 0;	}#compartimento-conteudo{	width:100%;	}#conteudo{	width:478px;	padding:3px;	float:left;	background-color:#CCCCCC;	margin-right:7px;	margin-left:3px;	}/* ---------------  BANNERS   ---------------------*/#banner-baixo{	width:778px;	height:60px;	margin-top:10px;	margin-bottom:3px;	text-align:center;	}#banner-dir{	width:125px;	height:auto;	overflow:hidden;	text-align:center;	}#google{	width:125px;	height:610px;	text-align:left;	}/* ---------------  MENU1   ---------------------*/#menu-geral{	float:left;	width:154px;	}#menu{	width:154px;	background-image:url(http://www.ipmidia.com/images/menu_fundo.gif);	background-repeat:repeat-y;	margin-left:2px;	}#menu1{	width:100%;	font-family:Arial, Helvetica, sans-serif;	font-size:12px;	color:#333333;	margin: 0 0 0 20;	}#menu1 li{	height:20px;	display:block;	border-bottom:#CCCCCC 1px solid;	margin-top:4px;	width:143px;	margin-left:7px;	}#menu1 ul{	list-style: none;	padding:0;	margin-left:0;	margin-top:7px;	margin-bottom:7px;	margin-right:5px;	}#menu1 li a{	text-decoration:none;	color:#333333;	padding-left:10px;	}#menu1 li a:hover{	text-decoration:underline;	color:#333333;	color:#000000;	}#menuback1{	background-image:url(http://www.ipmidia.com/images/menu_fundo.gif);	background-repeat:repeat-y;	}#menurodape1{	background-image:url(http://www.ipmidia.com/images/menu_baixo.gif);	width:154px;	height:6px;	background-repeat:no-repeat;	}#menutopo1{	background-image:url(http://www.ipmidia.com/images/menu_topo.gif);	width:154px;	height:6px;	background-repeat:no-repeat;	}/* ---------------  MENU2   ---------------------*/#menu2{	width:120px;	font-family:Arial, Helvetica, sans-serif;	font-size:12px;	color:#ffffff;	margin: 0 0 0 20;	}#menu2 li{	height:20px;	display:block;	border-bottom:#CCCCCC 1px solid;	margin-top:4px;	width:142px;	}#menu2 ul{	list-style: none;	padding-left:8px;	margin-left:0;	margin-top:7px;	margin-bottom:7px;	margin-right:5px;	}#menu2 li a{	text-decoration:none;	color:#ffffff;	padding-left:10px;	}#menu2 li a:hover{	text-decoration:none;	color:#ffffff;	}#menuback2{	background-image:url(http://www.ipmidia.com/images/menu-inst-fundo.gif);	background-repeat:repeat-y;	}#menugera2{	width:154px;	background-image:url(http://www.ipmidia.com/images/menu-inst-fundo.gif);	background-repeat:repeat-y;	}#menurodape2{	background-image:url(http://www.ipmidia.com/images/menu-inst-baixo.gif);	width:154px;	height:6px;	background-repeat:no-repeat;	}#menutopo2{	background-image:url(http://www.ipmidia.com/images/menu-inst-topo.gif);	width:154px;	height:6px;	background-repeat:no-repeat;	}	/* ---------------  MENU PARCEIROS   ---------------------*/#menu-parc-geral{	width:153px;	background-image:url(http://www.ipmidia.com/images/menu_fundo.gif);	background-repeat:repeat-y;	margin-top:3px;	}#menu-parc{	overflow:hidden;	}	#menu-parc li{	display:block;	margin-top:8px;	width:143px;	margin-left:7px;	text-align:center;	}#menu-parc ul{	list-style: none;	padding:0;	margin-left:0;	margin-top:7px;	margin-bottom:7px;	margin-right:5px;	}#menu-parc-topo{	width:135px;	background-color:#CCCCCC;	height:23px;	margin-left:8px;	padding-left:7px;	padding-top:3px;	font-family:Arial, Helvetica, sans-serif;	color:#333333;	font-size:13px;	}#menurodape-parc{	background-image:url(http://www.ipmidia.com/images/menu_baixo.gif);	width:100%;	height:5px;	}

[webflex 0]

Olá,Fui ver seu site e no IE6 apareceu-me mal, mas no FF apareceu como deve de ser.Cumps \o/

[Fabiano Ribeiro 0]

cara uma loucura isso, a gente tem q fazer layout pra FF, IE6 e IE7. :angry:

[Giovani 104]

O que você disse não faz sentido, apesar de alguma pessoas trabalherem dessa foram.Existem os hacks que "quebram" alguns galhos.Exitem os comentários condicionais.

cara uma loucura isso, a gente tem q fazer layout pra FF, IE6 e IE7. :angry:

[Fabiano Ribeiro 0]

Resolvido

 

#menu{

width:154px;

background-image:url(http://www.ipmidia.com/images/menu_fundo.gif);

background-repeat:repeat-y;

margin-left:2px;

overflow:hidden;

}

 

--------------------------------------------

Só mais uma coisa. Vcs conhecem alguma página q eu possa simular o IE6, IE7 e FF ?