Jump to content

CSS para diferentes navegadores


teresalabrincha
 Share

Recommended Posts

Bom dia

Como eu faço para criar css para diferentes navegadores

fiz assim para os css., é uma pagina com vídeos

#videosie11{
width:200px;
height:150px;


padding-left:15px;
padding-right:15px;

padding-top:40px;

float:left;
}
#videosf27{
width:200px;
height:150px;


padding-left:80px;
padding-right:15px;

padding-top:40px;

float:left;
}

na pagina dos vídeos

<div id="videosie11">
<iframe frameborder="0" width="200" height="150" src="http://www.dailymotion.com/embed/video/x1f8v10" allowfullscreen></iframe><br /><a href="http://www.dailymotion.com/video/x1f8v10_2%C2%AA-aula-html_tech" target="_blank">2ª_Aula_Html</a> <i> <a href="http://www.dailymotion.com/EnsinoOnline" target="_blank"></a></i>
<br />
<a href=?pg=vdhtml&funcao=detalhes"" style="color:#FFF"><strong>Aumentar</strong></a>

a minha questão é a seguinte

na div vídeos da pagina vídeos defini para o ie da seguinte forma <div id="videosie11">

mas para dar bem no firefox se mudar para <div id="videosif27"> depois não se ve bem no ie

Como faço para que fica bem nos dois navegadores

Obrigado a todos

Link to comment
Share on other sites

url do site

http://infordicas.pt/

Veja nos vídeo internet que são 3 no firefox e no ie

As margens do lado direito não ficam iguais

A outra questão é quando minimizo a janela os quadrados das dicas sobrepõe ao conteúdo

os vídeos estão dentro de um contudo

Código do ie vídeos

#videosie11{
width:200px;
height:150px;


padding-left:15px;
padding-right:15px;

padding-top:40px;

float:left;
}

código de vídeos firefox

#videosf27{
width:200px;
height:150px;


padding-left:80px;
padding-right:15px;

padding-top:40px;

float:left;
}

código do conteúdo
#conteudo{
width: 40%;
height:600px;
background:#CCC;
overflow:auto;
margin-left:auto;
margin-right:auto;
}

Ver bem nos dois navegadores

a minha questão é como no código dos vídeos consigo colocar duas divs para diferentes navegadores

obrigado

Link to comment
Share on other sites

volto a repetir, mete o html entre tags code, exemplo:

[ code] <p>fdgjfdkjg</p> [ /code]

(sem os espaços)

anyway, a mim aparece igual em todos os browsers, ou seja, mal

rX28OZ6.png

a unica diferença é que no IE aquele fundo cinza fica prai uns 20px ou assim a mais para a direita...

Edited by I-NOZex

B2R » Beat2Revolution v3.0b | Regista e divulga-nos

beat2revolution.net
Link to comment
Share on other sites

Ola

Queres que me o

<div id="videosie11">
<iframe frameborder="0" width="200" height="150" src="http://www.dailymotion.com/embed/video/x1f8v64" allowfullscreen></iframe><br /><a href="http://www.dailymotion.com/video/x1f8v64_1%C2%AA-aula-internet_tech" target="_blank">1ª_Aula_Internet</a> <i> <a href="http://www.dailymotion.com/EnsinoOnline" target="_blank"></a></i>
<br /></div>

ou na div dos videos

Link to comment
Share on other sites

Para definires uma stylesheet específica para o IE e outra para os restantes, normalmente usa-se algo como:

<!--[if IE]>
<link rel='stylesheet' href='...' type='text/css' />
<![endif]-->

<!--[if !IE]><!-->
<link rel='stylesheet' href='...' type='text/css' />
<!--<![endif]-->

O primeiro link irá definir a stylesheet para o IE, e o segundo a stylesheet para os restantes.

Depois há variações deste método para especificares versões específicas do IE.

Link to comment
Share on other sites

Olá

Isso eu já percebi no código css

se tiver a div <div id="vídeosie"</div> - para o ie

e depois para o firefox como coloco no código HTML

se mudar o nome da div tiro a do ie

<div id="vídeosif"</div>

Se coloco duas divs diferentes para o mesmo vídeo vai dar vídeos repetidos certo?

Olá

Dá um exemplo em css e HTML sfv

obrigado

Link to comment
Share on other sites

tipo, o que tu tens de fazer, é ter uma div para o video, e arranjar forma de funcionar em todos os browsers com o mesmo css!

se puderes, deixa o html da pagina bem como o css, mas PORFAVOR, mete as tags code!

[ code=html] <p>aqui vem o html</p> [/ code]

(tens de tirar os espaços na primeira tag code e na ultima)

e depois fica a mostrar desta forma o codigo:

 <p>aqui  vem o html</p> 
Edited by I-NOZex

B2R » Beat2Revolution v3.0b | Regista e divulga-nos

beat2revolution.net
Link to comment
Share on other sites

Boa tarde

Coloquei a tag code nos vídeos

<code><div id="videos">
567
</div></code>
<code><div id="videos">
567
</div></code>
<code><div id="videos">
567
</div></code>
<code><div id="videos">
567
</div></code>

depois crie dois css de vídeos diferentes

VIDEOS firefox

*****************************/

#videos{
width:200px;
height:150px;
margin-left:12px;
float:left;



background-color:#F00;
margin-top:20px;

}
/*****************************
VIDEOS internet
*****************************/
#videos{
width:200px;
height:150px;
margin-left:20px;
float:left;



background-color:#F00;
margin-top:20px;

}

O que se passa é se altero os css muda nos dois navegadores em vez de mudar só num navegador

como eu faço para mudar num navegador sem alterar o outro

Obrigado

Link to comment
Share on other sites

Olá

O site tem um ficheiro com css

e as paginas estão em php

e no firefox tudo funciona bem, o problema e no ie

O facto de funcionar bem no Firefox não quer dizer que a página esteja direita.

Em que versão do IE é que estás a ter problemas?

Eu posso-te dizer que também tenho problemas no Chrome a abrir o URL que indicaste anteriormente.

Ou seja, o problema não está no IE, o problema está no teu CSS.

E já agora, nuns posts atrás já te indiquei como definir ficheiros CSS diferentes para o IE. No entanto, o teu problema não deve ser a necessidade de CSS diferente.

Link to comment
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now
 Share

×
×
  • Create New...

Important Information

By using this site you accept our Terms of Use and Privacy Policy. We have placed cookies on your device to help make this website better. You can adjust your cookie settings, otherwise we'll assume you're okay to continue.