Postagens
Male
Página Index.
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" lang="en" xml:lang="en">
<head>
<title>12º Simpósio Mineiro de Oncologia </title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<link rel="stylesheet" type="text/css" href="css/geral.css" />
<!-- [if IE 6]>
<script src="assets/js/pngfix.js"></script>
<![endif]-->
<script type="text/javascript" src="js/jquery-1.2.3.pack.js"></script>
<!--
jCarousel library
-->
<script type="text/javascript" src="js/jquery.jcarousel.pack.js"></script>
<!--
jCarousel core stylesheet
-->
<link rel="stylesheet" type="text/css" href="css/jquery.jcarousel.css" />
<!--
jCarousel skin stylesheet
-->
<link rel="stylesheet" type="text/css" href="css/skin.css" />
<script type="text/javascript">
function mycarousel_initCallback(carousel)
{
// Disable autoscrolling if the user clicks the prev or next button.
carousel.buttonNext.bind('click', function() {
carousel.startAuto(0);
});
carousel.buttonPrev.bind('click', function() {
carousel.startAuto(0);
});
// Pause autoscrolling if the user moves with the cursor over the clip.
carousel.clip.hover(function() {
carousel.stopAuto();
}, function() {
carousel.startAuto();
});
};
jQuery(document).ready(function() {
jQuery('#mycarousel').jcarousel({
auto: 2,
wrap: 'last',
initCallback: mycarousel_initCallback
});
});
</script>
</head>
<body>
<div id="geral"><!-- inicio da div geral -->
<div id="central">
<div id="sidebar-esq">
<div id="topop1"></div> <!-- fim do topo p2 -->
<div id="side-esq-img"></div> <!-- fim da imagem sidebar esquerdo -->
</div><!-- fim do sidebar esquerdo -->
<div id="sidebar-dir">
<div id="topop2"></div> <!-- fim do topo p2 -->
<div id="menu-simp">
<ul>
<li><a href="#" title="Página principal">Home</a></li>
<li><a href="#" title="Programação">Programação</a></li>
<li><a href="#" title="Incrições">Inscrições</a></li>
<li><a href="#" title="Temas livres">Temas Livres</a></li>
<li><a href="#" title="Turismo">Turismo</a></li>
<li><a href="#" title="Imprensa">Imprensa</a></li>
</ul>
</div>
<div id="conteudo-principal">
<p>Lorem ipsum dolor sit amet, nullam molestie maecenas dictum congue vestibulum, ut at congue praesent. Diam suspendisse elit.
Vel tortor orci, sit orci non et metus aliquam. Cras mauris varius vel nibh, massa lorem luctus risus lacus, adipiscing in,
a fusce in, sem architecto enim. A dolor, amet sodales ante, sodales cras vestibulum donec accumsan venenatis. Mattis orci
facilisi metus pede varius sapien. Sapien suspendisse sed sed tincidunt nunc magna, quam risus leo vestibulum. Porta molestie
wisi fringilla. In morbi aliquam senectus nullam, vitae est, egestas neque tempus molestias sed dui, velit lacinia.</p>
<p>Bibendum purus magna odio eu velit metus, odio mi mollis. Mauris fusce a luctus. Nulla non ornare ultricies dolor,
pellentesque commodo morbi ante ultrices, volutpat sollicitudin sapien id. Aliquam sit tempus felis non, incidunt torquent
nascetur, nullam tristique luctus donec at curabitur dapibus, porta lorem sed mi maecenas neque, nibh viverra vivamus
congue mollis ante. Tortor ut neque sed a rhoncus, pellentesque sapien.</p>
</div>
</div><!-- fim do sidebar direito -->
<div id="rodape"><!-- inicio do rodape -->
<ul id="mycarousel" class="jcarousel-skin-tango">
<li><img src="img/apoio/cqai.gif" width="75" height="48" alt="" /></li>
<li><img src="img/apoio/ra.gif" width="75" height="48" alt="" /></li>
<li><img src="img/apoio/sbeo.gif" width="75" height="48" alt="" /></li>
<li><img src="img/apoio/sobrafo.gif" width="75" height="48" alt="" /></li>
<li><img src="img/apoio/sboc.gif" width="75" height="48" alt="" /></li>
<li><img src="img/apoio/smc.gif" width="75" height="48" alt="" /></li>
<li><img src="img/apoio/astrazeneca.gif" width="75" height="48" alt="" /></li>
<li><img src="img/apoio/roche.gif" width="75" height="48" alt="" /></li>
<li><img src="img/apoio/cqai.gif" width="75" height="48" alt="" /></li>
<li><img src="img/apoio/sbeo.gif" width="75" height="48" alt="" /></li>
<li><img src="img/apoio/sobrafo.gif" width="75" height="48" alt="" /></li>
<li><img src="img/apoio/sboc.gif" width="75" height="48" alt="" /></li>
<li><img src="img/apoio/smc.gif" width="75" height="48" alt="" /></li>
<li><img src="img/apoio/astrazeneca.gif" width="75" height="48" alt="" /></li>
<li><img src="img/apoio/roche.gif" width="75" height="48" alt="" /></li>
</ul>
</div>
</div><!-- fim da div central-->
</div><!-- fim da div geral -->
</body>
</html>
Css do site
/* -------------------------------------------------------------
CSS RESETA TUDO - Por Guilherme Lacerda Martins - CQAI
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
margin: 0;
padding: 0;
border: 0;
outline: 0;
font-size: 100%;
vertical-align: baseline;
background: transparent;
}
body {
line-height: 1;
font-family: "Lucida Grande",Tahoma,Verdana,sans-serif;
letter-spacing: 0.9px;
color:#999999;
font-size: 10px;
margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
padding: 0;
text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
/*color: #000000;*/ }
ul,
ol { list-style-type:none; margin:12px 0 13px 15px; padding:0; }
ul li,
ol li { line-height:1.4; margin:0 0 1px 0; padding:0; }
blockquote, q { quotes: none; }
blockquote:before, blockquote:after,
q:before, q:after { content: ''; content: none; }
:focus { outline: 0; }
ins { text-decoration: none; }
del { text-decoration: line-through; }
/* tables still need 'cellspacing="0"' in the markup */
table { border-collapse: collapse; border-spacing: 0; }
#geral { position:relative; width: 960px; height:720px; background: url(../img/bg.gif); margin: 0 auto; }
#central {position:absolute; width:881px; height:614px; margin:51px 0px 0px 44px; background:#fff; clear:both; }
*html #central {display:inline;}
#sidebar-esq {float:left; width:240px; height:554px; background:#fff; margin-top:0px; overflow:hidden;}
#topop1 {background:url(../img/topop1.jpg); width:240px; height:209px; }
#side-esq-img {background:url(../img/sidebar-esq.jpg); width:240px; height:345px;}
#sidebar-dir {float:left; width:633px; height:554px; background:#fff; margin-top:0px; overflow: hidden; }
#topop2 {background:#ff3322 url(../img/topop2.jpg); width:633px; height:209px; }
conteudo { text-align:left; float:left; width:243px; margin-top:5px; overflow: hidden; }
#rodape {width:881px; height:85px; background: url(../img/rodape.gif); margin:0 auto; clear:both; float:none; }
/*****Menu simposio****/
#menu-simp ul {
padding:0px;
margin:0px;
float: left;
width: 633px;
height: 55px;
background:url(../img/bgmenutransp.gif) no-repeat 0 0;
background-color:#fff;
list-style:none;
font-size:150%;
font-weight:bold;
}
#menu-simp ul li { display: inline; }
#menu-simp ul li a {
padding: 2px 10px;
float:left;
/* visual do link */
color: #333;
text-decoration: none;
border-bottom:3px solid #fff;
}
#menu-simp ul li a:hover {
/*background-color:#fff;*/
color: #6D6D6D;
border-bottom:2px solid #EA0000;
}
/***** Inicio da Tipografia *****/
#conteudo-principal p {color:#898989; text-indent: 15px; text-align: justify; font-size: 125%; margin: 20px 25px 15px 25px;}
/***** Fim do Envia NewsLetter *****/
No firefox e no IE8 Funciona perfeitamente o layout, porém no internet explorer o conteudo central vai parar na direita, ja pesquisei sobre position relative, já veriquei sobre erro de margem duplicada do ie6, ja tentei varias soluções e nada, se alguem puder me ajudar nesse ficarei muito grato. Abraçoss e vlww!
Olá, resolvi posta imagens de como está sendo redimensionado o site no ff e no ie.
Abrats
