..:: MX Studio Fóruns ::..: Internet Explorer ta doidinho - ..:: MX Studio Fóruns ::..

Jump to content

Publicidade

ATENÇÃO
Page 1 of 1
  • You cannot start a new topic
  • You cannot reply to this topic

Internet Explorer ta doidinho css para ele é latim !!!!!

#1 User is offline   oinuj 

  • Group: Membros
  • Posts: 103
  • Joined: 20-August 04

  Posted 30 March 2005 - 10:04 PM

Ai galera e o seguinte preciso da ajuda de vcs para resolver um dilema, to fazendo um lay em css que leva ate agora o seguinte código:
CODE

/* CSS DOCUMENT */

body,html{
background-color:#657268;
margin:0 0 0 0px;
}
#content{
background-color:#99cc00;
width:220px;
height:100%;
_height:100%;
margin:0 0 0 0px;
border-left:dotted;
border-right:dotted;
border-width:1px;
border-color:#ffffff;
}
/* end */


E meu html para teste ta assim:
CODE


<html>
<title>Teste centralização de Faixa</title>
<head></head>
<link rel="stylesheet" href="estilo.css" />
<body>
<div align="center">
<div id="content"></div>
</div>
</body>
</html>


E ai que pega, e o seguinte quando eu ponho um div para alinhar o div content, ele centraliza mas perde a propriedade height:100%; e fica pequeninho, o que pode ser eu tentei usar um css hack _height:100%; so que não funcionou, alguem saberia o que pode ta errado no meu css? smartass.gif

Para alguem testar, quem tem o IE e o Firefox acessem o layout com os dois browsers para notarem o que digo.
0

#2 User is offline   rbaialuna 

  • Group: Desafio Fireworks
  • Posts: 2938
  • Joined: 28-January 04

Posted 31 March 2005 - 12:16 AM

tenta com o min-height: 100%

Trabalhar com % em CSS no IE é soda.. tem um tópico ai que deu o que falar.. tá recente.. acho que você pode achar algo nele.. só num lembro quem foi o autor do tópico tongue.gif

Abreaços!
0

#3 User is offline   =RSV= 

  • Group: Moderadores
  • Posts: 744
  • Joined: 08-August 04

Posted 31 March 2005 - 03:13 AM

Salve gente,

Olha só rapaz, adiciona o "position:relative" no css content, tira o hack, e já era.

Grande abraço...e abraço xará.

Fui

=RSV=
0

#4 User is offline   Marcus VBP 

  • Group: Membros
  • Posts: 948
  • Joined: 06-June 03

Posted 31 March 2005 - 09:36 AM

cara, onde está o DOCTYPE do seu do seu documento? e porque o titulo e o estilo estao fora do <head></head> ?

usar align="center" não eh semantico mais (pelo menos em XHTML 1.1)

se quiser centralizar, use

text-align: center;

e se vc quer centralizar uma faixa, ou um site, ou uma figura, ou seja o q for, é facil. por exemplo, vou centralizar um layout q tem 778px de largura:


#container {
position: absolute;
left: 50%;
width: 778px;
margin-left: -389px; /* entre aqui com o valor negativo da metade do layout */
}

sim, lembrando que height: 100% nao funciona em divs (normalmente). e que para simular colunas que vão ate o rodape vc deve usar uma tecnica chamada "faux columns", que vc axa no site www.alistapart.com


t+
0

#5 User is offline   oinuj 

  • Group: Membros
  • Posts: 103
  • Joined: 20-August 04

Posted 31 March 2005 - 01:45 PM

Ai marcusvbp se eu coloco o !DOCTYPE ele perde a propriedade 100% no firefox esse alguem poderia analizar o meu codigo e marcar as alterações que estarão corretas, estou iciando agora no css, e estou tendo grades dificuldades meu negocio e flash, mas não quero desistir me ajudem ai galera meu novo codigo e esse:



HTML:
CODE

<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<title>PROEDUC - Site em Construção</title>
</head>
<link rel="stylesheet" href="css/estilo.css" />
<body>
<div align="center">
<div id="contentBG">
 <div id="content">
  <div id="underconstruction"></div>
 </div>
</div>
</div>
</body>
</html>


CSS:

CODE

/*css document*/

body,html{
background-color:#657268;
margin:0 0 0 0px;
}
#contentBG{
background-color:#eeeeee;
width:240px;
height:100%;
_width:240px;
margin:0 0 0 0px;
border-width:1px;
border-color:#ffffff;
_border-color:#ffffff;
}
#content{
background-color:#99cc00;
width:220px;
_width:220px;
height:100%;
margin:0 0 0 0px;
border-left:dotted;
border-right:dotted;
border-width:1px;
border-color:#666666;
_border-color:#cccccc;
}
#underconstruction{
width:220px;
height:400px;
background:url(../img/underconstruction.png) no-repeat;
padding-top:100px;
}
/* end */

Ps.:rbaialuna e RSV as dicas de vcs não funcionaram obrigada. smartass.gif


0

#6 User is offline   Marcus VBP 

  • Group: Membros
  • Posts: 948
  • Joined: 06-June 03

Posted 01 April 2005 - 09:02 AM

QUOTE(Marcus VBP @ 31/3/2005 08:03:23)
csim, lembrando que height: 100% nao funciona em divs (normalmente). e que para simular colunas que vão ate o rodape vc deve usar uma tecnica chamada "faux columns", que vc axa no site www.alistapart.com


para entender como o DOCTYPE funciona leia esse artigo: http://www.tableless.com.br/?doctype

sua DIV com height 100% sequer aparece no Opera.

pq q seu <title> e o <style> estao fora do cabecalho?
0

#7 User is offline   oinuj 

  • Group: Membros
  • Posts: 103
  • Joined: 20-August 04

  Posted 02 April 2005 - 07:46 AM

Valeu Marcus VBP pelas dicas, não disse aquele so era um teste de layout, so que as dicas de todos foram muito esclarecedoras, e me ajudaram muito se querem ver o resultato olhem aqui:

Layout Final

Só no opera que ta dando uma diferençazinha na margem superior, se alguem tiver um toque ai para resolver no opera, posta ai thumbsup.gif
0

#8 User is offline   Marcus VBP 

  • Group: Membros
  • Posts: 948
  • Joined: 06-June 03

Posted 02 April 2005 - 07:55 AM

remova as bordas de pagina assim:

body {
margin: 0px;
padding: 0px;
}

para o Opera, a margem do documento na verdade é um padding.


T+
0

Share this topic:


Page 1 of 1
  • You cannot start a new topic
  • You cannot reply to this topic

Similar Topics Collapse

  Topic Forum Started By Stats Last Post Info
New Replies Após processo, Microsoft vai vender Windows sem Internet Explorer na Europa Notícias Notícias 
  • 0 Replies
  • 205 Views
New Replies Evento de swf
Disparar evento do swf quando iniciado 		Flash & ActionScript bonovox 
  • 0 Replies
  • 441 Views
New Replies Petistas acusam coordenador de Serra de comandar "guerra suja" na internet Notícias Notícias 
  • 0 Replies
  • 171 Views
New Replies Amazon acerta acordo para streaming de vídeo com Universal Notícias Notícias 
  • 0 Replies
  • 42 Views
New Replies Layout para uma Intranet
Como comtar um Layout para uma Intranet 		DESIGN em GERAL Raphael Fonseca 
  • 9 Replies
  • 5895 Views
New Replies site Straight-Wire
site de curso para ORTODONTIA 		Portfólio cassiana 
  • 0 Replies
  • 1110 Views
New Replies Rompimento de cabos afeta internet no Oriente Médio, Egito e Índia Notícias Notícias 
  • 0 Replies
  • 230 Views
New Replies Second Life relega sexo a continente afastado Notícias Notícias 
  • 0 Replies
  • 182 Views

Publicidade

1 User(s) are reading this topic
0 membro(s), 1 visitante(s) e 0 membros anônimo(s)