Olá, estou com um código que roda certinho em todos navegadores, menos no safari.
As divs se acumulam no centro(horizontal). Não sei como resolver. Segue abaixo o código da página e abaixo dele o css. Obrigado!
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR...nsitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>RiverBus</title>
<link rel="stylesheet" href="engine/css/visuallightbox.css" type="text/css" media="screen" />
<link rel="stylesheet" href="engine/css/vlightbox1.css" type="text/css" />
<link rel="stylesheet" type="text/css" href="engine1/style.css" />
<script type="text/javascript" src="engine1/jquery.js"></script>
<script src="engine/js/vlbdata.js" type="text/javascript"></script>
<script src="engine/js/visuallightbox.js" type="text/javascript"></script>
<link rel="stylesheet" type="text/css" href="style.css" />
</head>
<body>
<div id="pagina" align="center">
<div id="topo" align="center">
</div><!-- fim topo-->
<div id="topo_logo"></div><!-- fim topo logo-->
<div id="topo_img"></div><!-- fim topo logo-->
<div id="menu_bg">
</div><!--fim menu bg-->
<div id="menu_links">
<a href="index.html"><strong id="txt_branco">Home</strong></a>
<a href="empresa.html"><strong id="txt_branco">Empresa</strong></a>
<a href="produtos.html"><strong id="txt_branco">Produtos</strong></a>
<a href="servicos.html"><strong id="txt_branco">Serviços</strong></a>
<a href="fotos.html"><strong id="txt_branco">Fotos</strong></a>
<a href="personalizados.html"><strong id="txt_branco">Serviços Personalizados</strong></a>
<a href="contato.html"><strong id="txt_branco">Contato</strong></a>
</div><!--fim menu links-->
<div id="conteudo"><br /><br />
<div id="wowslider-container1">
<div class="ws_images"><ul>
<li><img src="data1/images/bann1.jpg" alt="bann1" title="bann1" id="wows1_0"/></li>
<li><img src="data1/images/bann2.jpg" alt="bann2" title="bann2" id="wows1_1"/></li>
<li><img src="data1/images/bann3.jpg" alt="bann3" title="bann3" id="wows1_2"/></li>
</ul></div>
</div>
<script type="text/javascript" src="engine1/wowslider.js"></script>
<script type="text/javascript" src="engine1/script.js"></script>
<div id="borda_bann"></div>
<div id="conteudo_txt_topo1">
<strong id="txt_vermelho_grande">RiverBus</strong>
</div><!-- fim txt topo 1 -->
<div id="conteudo_txt_desc1" align="left">
<strong id="txt_vermelho_bold">Adaptações e Revestimento Interno em
Ônibus Rodoviários, Turismo, Urbanos
e Vans.</strong>
</div><!-- fim desc topo 1 -->
<div id="conteudo_index1" align="left">
<img src="imagens/foto1.jpg" />
</div><!-- fim index1 topo 1 -->
<div id="conteudo_txt_baixo" align="left">
<strong id="txt_azul">Criada em 1996 a Riverbus foi constituída para atender o mercado no setor de Reformas Internas em Veículos Rodoviários BUS (RIVERBUS) acompanhando a evolução do ônibus brasileiro, que por ventura é um setor desconhecido por muitos (Tapeçaria para ônibus).<br />Com este pioneirismo e esta modernização do ônibus brasileiro, a Riverbus com sua equipe muito bem qualificada e bem estruturada vem através dos anos atendendo seus clientes com muita honestidade, planejamento, seriedade e muita pontualidade pois trabalhamos com a ferramenta do cliente que por ventura depende desta ferramenta. </strong><a id="txt_vermelho" href="empresa.html" >[Leia Mais]</a></strong>
</div><!-- fim txt baixo -->
<div id="logo_fundo">
</div><!-- logo fundo -->
<div id="conteudo_direita" align="left">
<strong id="txt_vermelho_grande">Fotos</strong><br />
<strong id="txt_vermelho_bold">Confira algumas fotos de nossos trabalhos.</strong><br /></div>
<div id="conteudo_direita2" align="center"><br />
<div id="vlightbox1">
<a class="vlightbox1" href="imagens/8.jpg" title=""><img src="imagens/direita1.png" /></a><br />
<a class="vlightbox1" href="imagens/9.jpg" title=""><img src="imagens/direita2.png" /></a><br />
<a class="vlightbox1" href="imagens/10.jpg" title=""><img src="imagens/direita3.png" /></a><a class="vlb" style="display:none" href=""></a>
</div>
<br />
<a id="txt_vermelho" href="fotos.html" >[Veja Mais]</a></strong>
</div><!-- conteudo direita-->
<br /><br />
</div><!-- fim conteudo -->
<div id="rodape"></div><!-- fim rodape -->
<div id="rodape_mapa"></div><!-- fim rodape mapa-->
<div id="rodape_txt" align="left">
<strong id="txt_cinza">
Avenida Vila Ema, nº. 6.090 - São Paulo.<br />
E-mail: riverbus@hotmail.com<br />
Telefone: 2601-9499
</strong>
</div><!--fim rodape txt-->
<div id="logo_face"><a href="http://www.facebook....verbus.vilaema" target="_blank"><img src="imagens/logo_face.png" /></a></div><!-- logo face -->
</div><!-- fim pagina -->
</body>
</html>
CSS
@charset "utf-8";
/* CSS Document */
/* A */
a{text-decoration:none;}
/* B */
body{background:#d3d3d3; margin:0}
#borda_bann{width:980px; height:320px; background-image:url(imagens/banner_contorno.png); margin-top:-309px; margin-left:2px;}
#borda_bann2{width:980px; height:320px; background-image:url(imagens/banner_contorno.png); margin-top:-309px; margin-left:-9px;}
/*C*/
#conteudo{min-height:500px;}
#conteudo2{min-height:500px; margin-top:30px; width:960px;}
#conteudo_txt_topo1{width:450px; margin-top:30px; margin-left:-680px;}
#conteudo_txt_desc1{width:450px; margin-left:-440px;}
#conteudo_index1{width:460px; margin-top:10px; margin-left:-440px;}
#conteudo_txt_baixo{width:450px; margin-top:20px ; margin-left:-450px;}
#conteudo_direita{width:350px; margin-left:570px; margin-top:-764px;}
#conteudo_direita2{width:340px; margin-left:560px; margin-top:15px; padding-bottom:130px;}
#contato_esquerda{width:400px; margin-left:-500px;}
#contato_direita{width:475px; margin-top:-290px; margin-left:400px;}
/* F */
#fundo_servicos{margin-top:-80px;}
#fotos{width:900px; margin-top:-400px;}
#fotos2{width:900px; margin-top:-460px;}
/* I */
img{border:none}
#item1{margin-top:-400px; margin-left:-500px; width:500px; }
#item2{width:500px; margin-left:390px; margin-top:-60px}
#item3{width:500px; margin-left:-520px; margin-top:30px}
#item4{width:500px; margin-left:395px; margin-top:-60px}
#item5{width:500px; margin-left:-510px; margin-top:30px}
#item6{ margin-top:-60px; margin-left:370px; padding-bottom:70px;}
/* L */
#logo_fundo{width:450px; height:180px; background-image:url(imagens/logo_fundo.png); margin-left:-500px; margin-top:-215px;}
#logo_face{ width:50PX; height:50px; margin-top:-120px ; margin-left:100px ;}
/* M */
#menu_bg{width:100%; height:70px; background:url(imagens/menu_bg.png);}
#menu_links{margin-top:-50px;}
/* P */
#pagina{width:100%;}
/* R */
#rodape{background:url(imagens/bg_rodape.jpg); width:100%; height:240px;}
#rodape_mapa{background-image:url(imagens/rodape_mapa.png); width:320px; height:220px; margin-top:-225px; margin-right:-550px;}
#rodape_txt{ width:500px; margin-top:-160px; margin-left:-375px;}
/* T */
#topo{width:100%; height:215px; background-image:url(imagens/bg_topo.jpg);}
#topo_logo{width:500px; height:180px; background-image:url(imagens/logo.png); margin-top:-185px; margin-left:-500px;}
#topo_img{width:500px; height:215px; background-image:url(imagens/topo_img.png); margin-top:-210px; margin-left:390px;}
#txt_cinza{font:28px "Times New Roman", Times, serif; color:#d3d3d3;}
#txt_vermelho_grande{font:52px "Times New Roman", Times, serif; color:#731d1b; font-weight:bold}
#txt_vermelho_titulo{font:36px "Times New Roman", Times, serif; color:#731d1b; font-weight:bold}
#txt_vermelho_bold{font:24px "Times New Roman", Times, serif; color:#731d1b; font-weight:bold}
#txt_azul{color:#206398; font: 20px "Times New Roman", Times, serif;}
#txt_azul2{color:#206398; font: 24px "Times New Roman", Times, serif;}
#txt_branco{color:#FFFFFF; font: 26px "Times New Roman", Times, serif;}
#txt_vermelho{color:#731d1b; font: 24px "Times New Roman", Times, serif;}
Se puderem me ajudar agradeço. Valeu!
Css Erro No Safari
Started By Duh Sangali, 19/12/2012, 11:15
Nenhuma resposta neste tópico
1 user(s) are reading this topic
0 membro(s), 1 visitante(s) e 0 membros anônimo(s)
