Jump to content

Recommended Posts

Posted

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

Posted

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

Posted (edited)

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
Posted

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

Posted

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.

Posted

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

Posted (edited)

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
Posted

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

Posted

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

RD8Dx1U.png

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

beat2revolution.net
Posted

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.

Posted

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?

Posted

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... :|

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

beat2revolution.net

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
×
×
  • 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.