CSS para diferentes navegadores

[teresalabrincha]

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

[I-NOZex]

começa por meter o codigo com as tags CODE <>

depois, deixa ai um print que nao entendi o que aparece no IE e o que aparece no FF

[teresalabrincha]

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

[I-NOZex]

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

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

Edited March 11, 2014 by I-NOZex

[teresalabrincha]

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

[I-NOZex]

não entendi nada

pfv reformule a pergunta

[Rui Carlos]

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.

[I-NOZex]

eu não acredito que a solução vá por ai @rui

sim, soluciona provavelmente, mas o problema é a forma como aquele html e css está estruturado, cheira-me...

[teresalabrincha]

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

[I-NOZex]

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 March 12, 2014 by I-NOZex

[emanuelx]

e se alinha-ses o conteudo a esquerda tipo 70% aqueles quadrados ao lado a 30%.

depois dentro do conteudo centras o que está lá dentro.

[teresalabrincha]

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

[I-NOZex]

por amor de deus, EXPLICA-ME porque precisas de um css para cada browser?

ya o IE tem montes de manhas, mas nao creio que nesta situação seja problema por causa dele

dai repito, deixa o html e css completo...

btw, começa a validar esse html, tens montes de erros

[teresalabrincha]

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

[Rui Carlos]

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.

[teresalabrincha]

Olá

Pois deve estar nos css , já estou farta de andar a roda e não consigo dar como o erro

a minha versão do ie é o 11

Esta difícil

És de Lisboa? se calhar podias dar uma ajuda pessoalmente ou por assistência remota o que achas?

[I-NOZex]

eu so sei que testei no firefox 27, ie 10 ou 11, e chrome canadary (idk the version) e eu vejo o site desconfigurado, como ja apresentei...

e eu ainda nem entendi onde está esse misterioso video que nao me aparece em lado algum... :|

[teresalabrincha]

Olá

vai ao separador internet

no firefox dabem e ni ie não mas isto so me acontece no portátil se for no desktop vejo bem

não estou a ver como posso fazer

obrigado

[I-NOZex]

já vi

acho que tens outros problemas a corrigir primeiro, novamente como ja disse, aquela div de fundo cinzento... (id #conteudo)

Edited March 18, 2014 by I-NOZex

[Rui Carlos]

não estou a ver como posso fazer

Tal como te foi sugerido anteriormente, começa por corrigir o HTML.

Tens uma lista de problemas na seguinte página: http://validator.w3.org/check?uri=http%3A%2F%2Finfordicas.pt%2F&charset=%28detect+automatically%29&doctype=Inline&group=0