[Resolvido] blog desalinhado

Vinicius Cainelli · Outubro 13, 2009

alguem pode me ajudar, esse blog aqui, http://www.creativehouse.com.br/blog/ - qdo visualizado no IE ele fica alinhado a esquerda qdo deveria estar ao centro, e no FF ele fica certo, ao centro, e no FF os bulets do sidebar aparecem, qdo naum deveriam aparecer já no IE eles não aparecem. alguem sabe como arrumo isso, já resetei o template do wordpress, mas de nada adianto, ele continua assim, e tava certo e uns tempos atras...

Aprendiz CSS · Outubro 13, 2009

aqui não vi nada estranho

mostra ai uma imagem dos lugares problemáticos

abraço

Thiago Retondar · Outubro 13, 2009

Em qual Internet Explorer não centraliza?

Sobre os bulets, é só usar list-style: none.

http://forum.imasters.com.br/public/style_emoticons/default/thumbsup.gif

Vinicius Cainelli · Outubro 14, 2009

no 6 e no 7!!! e os bullets são apenas no FF.

http://img202.imageshack.us/img202/9755/84912048.jpg

TODOS os list-style estão como none!!!

/*

*/


/* Body */
body { font-family:Verdana, Arial, Helvetica, sans-serif; font-size:10pt;color: #333333; background: #3f3f3f ;margin: 0px;padding: 0px;}
#main {margin:auto;width: 1000px;background: #000000;}

/* Header */

#header {background: #000000 url(images/header.jpg) no-repeat;height: 200px;position: relative;}#logo {position: relative;padding: 10px 0px 0px 20px;height: 60px;}
#logo .description{position: absolute;	left: 25px;bottom:3px;color: #111111;font-size: 14px;}

/* Menu */

#menu {list-style: none;margin: 0px;position: absolute;right: 10px;top: 10px;}
#menu li {float: left;margin-left: 10px;}
#menu .current_page_item a, #menu .current_page_item a:visited{color: #000000;text-decoration: none;}
#menu .page_item a{color: #000000;text-decoration: none;padding: 3px 10px;font:11pt verdana,Century gothic,Arial, Helvetica, sans-serif;display: block;}
#menu .page_item a:hover {color: #555555;}

/* Links */

h1 {margin:0px;height: 40px;font: bold 22pt "Lucida Sans", arial;color: #000000;}
h1 a, h1 a:visited{color: #000000;text-decoration: none;}
h1 a:hover{color: #fe5e00;text-decoration: none;}
h2 {color: #666666;margin: 0px 0px 0px;border-bottom:none; font-size:16pt; font-family:Verdana, Arial, Helvetica, sans-serif; padding:0px 0px 0px 10px;}
h2 a, h2 a:visited {color: #666666;text-decoration: none;}
h2 a:hover {color: #b62024;text-decoration: none;}
h3 {color: #555555;margin: 0px 0px 2px;letter-spacing: -1px;font:18pt "Century gothic",Lucida Sans, arial;padding-bottom: 3px;}
h4 {color: #777777;margin: 0px 0px 2px;letter-spacing: -1px;font:16pt "Century gothic",Lucida Sans, arial;padding-bottom: 3px;}
a,a:visited {color: #b62024;text-decoration: none;}
a:hover {color: #9b0c10;text-decoration: underline;}
/* Content */ 

#content {padding: 0px 0px 30px 20px;float: left;width: 725px;overflow: hidden;line-height: 16px;text-align: justify;font: 10pt verdana, arial, helvetica, sans-serif;color: #d1d1d1;}
.post {clear:both;padding-top: 15px;}
.title {float: left;margin-left: 0px;width: 630px;}
.post-date {width: 48px;height: 55px;float:left;background: url(images/date.png) no-repeat;}
.post-month {font-size: 10px;text-transform: uppercase;color: #FFFFFF;text-align: center;display:block;line-height: 11px;padding-top: 8px;margin-left: -3px;}
.post-day {font-size: 22px; color: #000000;text-align: center;display:block;line-height: 18px;padding-top: 4px;margin-left: -3px; font-family:Verdana, "Times New Roman", Times, serif;}
.entry {clear: both;padding-top: 5px;}
.comments {display: block;font:10px;float: right;margin-bottom: 10px;padding: 4px 0px 4px 5px; color: #979797;background:#222;border:1px  solid#111111; width:100%}
.author {display: block;margin: 0;padding:0px 0px 4px 10px;font-weight: normal;color: #dee9ee;}
.navigation {clear: both;padding: 10px 0px;}
.navigation a, .navigation a:visited {color: #ffffff;}
.previous-entries a {float: left;padding-left: 1pt;}
.next-entries a {float: right;padding-right: 1pt;}

/* Sidebar */

#sidebar {float: right;padding: 0px 10px 20px 0px;width: 200px;color: #666666;overflow: hidden;}
#sidebar h2, #sidebar .sidebartitle{font: 12pt  helvetica, sans-serif;color: #dadada;background:#262626 ;margin: 20px 0px 0px 0px;padding:5px 0px 3px 10px;margin-bottom:2px;letter-spacing: 0px;}
#sidebar a, #sidebar a:visited{display: block;padding: 7px 0;width: 200px;font: 9pt "verdana", arial, helvetica, sans-serif;text-decoration: none;text-indent: 10px;color: #b62024;background:#111111;}
#sidebar a:hover{color: #000000 ;text-decoration: none;padding: 7px 0px;background:#000000;color:#FFFFFF;}
#sidebar ul {margin: 0;padding: 0; list-style:none}
#sidebar ul li {list-style: none; margin: 0;padding: 0;border: none;}
#sidebar ul li ul {padding: 0;margin: 0;background:#000000; list-style:none}
#sidebar ul li ul li{padding: 0px 0 0px 0px;background:#000000; list-style:none}
#sidebar ul li ul li ul li{padding: 1px 0 1px 10px;border: none; list-style:none}
ul.sidecol li{padding-left: 0px !important; list-style:none}
ul.sidecol li,{padding-left: 0px ; list-style:none}
li.widget_calendar td {padding: 1px 7px; list-style:none}
.textwidget {padding-top: 5px;}


/* TAG CLOUD */

#tagcloud {float: right;padding: 0px 10px 20px 0px;width: 200px;color: #666666;overflow: hidden;}

#tagcloud h2 {font: 12pt  verdana, helvetica, sans-serif;color: #dadada;background:#262626 ;margin: 20px 0px 0px 0px;padding:5px 0px 3px 10px;margin-bottom:2px;letter-spacing: 0px;}

/* Comments */

#comments, #respond {padding: 10px 0 5px 0;clear: both;}
.cleft { float:left; width:60px; border:3px double #dadada;margin:0px 10px 10px 0px; }
.commentlist {margin: 10px 0px;padding-left: 20px;line-height: 130%;}
.commentlist li{padding: 5px 10px;}
.commentlist cite {font-size: 14px;color: #fe5e00;}
.commentlist cite a, .commentlist cite a:visited {color: #fe5e00;}
.commentlist small {margin-bottom: 5px;display: block;font-size: 87%;}
#commentform {margin-top: 10px;font: 10px;}
#commentform p {padding: 6px 0px;margin: 0px;}
#commentform label{color: #888888;font-size: 77%;}
#commentform input{width: 200px;background:#ffffff;border: 1px solid #97a9ae;padding: 3px;margin-top: 3px;}
#commentform textarea{width: 570px;height: 115px;background:#ffffff;border: 1px solid #97a9ae;padding: 2px;margin-top: 3px;}
#commentform textarea:focus, #commentform input[type="text"]:focus {background: #ffffff;}
#commentform #submit{background: url(images/post.png) no-repeat;font: 14px ;color: #FFFFFF;border:1px solid #000;float:left;width: 147px;height: 30px;cursor: pointer;}

/* Search */

#searchform {margin: 15px 0 0;}
#searchform br {display: none;}
#searchform #s {border:1px solid #618806;width: 140px;height: 20px;padding: 4px 5px 0px 5px;border: 1px solid #bed881;background: #fff;margin-right: 2px;color: #000000;font-weight: normal;}
#searchform input {background:url(images/search.png);border:1px solid #000000;width: 37px;height: 28px;font:22px ;color: #ffffff;vertical-align: middle; padding-top:5px; font-weight:bold;}

/* Footer */

#footer {clear: both;border-top: 1px solid #b62024;background: #000000;padding:10px 10px 0px 10px;height: 20px;font-size: 8pt;color: #ffffff;}
#footer a {text-decoration: none;font-size: 10pt;color: #FFFFFF;}
#footer a:hover {color: #ffffff;}
.center {text-align: center;}

/* Fix floats */

img {border: none;}
form {margin:0px;padding:0px;}
p {padding: 0px 0px 15px;margin: 0px;}
img.center, img[align="center"] {display: block;margin-left: auto;margin-right: auto;}
.alignleft {float: left;}
img.alignleft, img[align="left"] {float:left;margin: 2px 10px 5px 0px;}
.alignright {float: right;}
img.alignright, img[align="right"] {float:right;margin: 2px 0px 5px 10px;}
.clear {clear:both;}
hr.clear {clear:both;visibility: hidden;margin: 0px;padding: 0px;}
.aligncenter {display: block;margin-left: auto;margin-right: auto;}
.alignleft {float: left;}
.alignright {float: right;}

/* image caption */
.wp-caption {
	border: 1px solid #ddd;
	text-align: center;
	background-color: #f3f3f3;
	padding-top: 4px;
	margin: 10px;
	-moz-border-radius: 3px;
	-khtml-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
}

.wp-caption img {
	margin: 0;
	padding: 0;
	border: 0 none;
}

.wp-caption-dd {
	font-size: 11px;
	line-height: 17px;
	padding: 0 4px 5px;
	margin: 0;
}

/* SEARCH */


.post-content h2 {color: #666666;margin: 0px 0px 0px;border-bottom:none; font-size:16pt; font-family:Verdana, Arial, Helvetica, sans-serif; padding:0px 0px 0px 0px;}
.post-content h2 a, h2 a:visited {color: #666666;text-decoration: none;}
.post-content h2 a:hover {color: #b62024;text-decoration: none;}

Thiago Retondar · Outubro 14, 2009

Bem, na própria imagem que você postou apareceu os bulets. =/ Com a diferença de que no Mozilla Firefox, eles quebraram de linha.

Mas isso pode estar acontecendo devido sua marcação estar errada:

<div id="sidebar"> 
 
 
 
  <li id="pages-3" class="widget widget_pages"><h2 class="sidebartitle">Creative House</h2>		<ul> 
			<li class="page_item page-item-2"><a href="http://www.creativehouse.com.br/blog/sobre/" title="Sobre">Sobre</a></li> 
		</ul> 
		</li><li id="archives-3" class="widget widget_archive"><h2 class="sidebartitle">Arquivos</h2>		<ul> 
			<li><a href='http://www.creativehouse.com.br/blog/2009/10/' title='outubro 2009'>outubro 2009</a></li> 
	<li><a href='http://www.creativehouse.com.br/blog/2009/09/' title='setembro 2009'>setembro 2009</a></li> 
	<li><a href='http://www.creativehouse.com.br/blog/2009/08/' title='agosto 2009'>agosto 2009</a></li> 
	<li><a href='http://www.creativehouse.com.br/blog/2009/07/' title='julho 2009'>julho 2009</a></li> 
		</ul> 
</li><li id="search-3" class="widget widget_search"><h2 class="sidebartitle">Pesquisar</h2><form method="get" id="searchform" action="http://www.creativehouse.com.br/blog/"> 
<div>

Você não abriu nenhum tag de lista - ul ou ol.

Para centralizar, substitua o margin: auto por margin: 0 auto.

http://forum.imasters.com.br/public/style_emoticons/default/thumbsup.gif

Vinicius Cainelli · Outubro 14, 2009

é acho que fiz confusão com as imagens, mas era isso mesmo a TAG ul e outra li vlw brother.... os bulets sumiram!

mas qdo ao alinhamento nada...

olha... tá assim...

#main {margin:0 auto;width: 1000px;background: #000000;}

já tentei assim tb

#main {margin:0px auto;width: 1000px;background: #000000;}

mas nada.. continua alinhado a esquerda no IE

Aprendiz CSS · Outubro 14, 2009

para centralizar no IE, coloque isso

body { text-align: center; }

#tudo { /* aqui substitua pelo id da sua div principal */
    text-align: left;
}

entendeu?

Vinicius Cainelli · Outubro 14, 2009

vlw galera, resolvido!

fmza, vlw pela ajuda!!!

Aprendiz CSS · Outubro 14, 2009

posta a solução ai cara, ou qual das dicas resolveu

ajude os outros

Nenboltes · Agosto 17, 2015

Pessoal, boa noite. Estou com um problema parecido no meu site: www.turisteiro.com

Não tenho noção nenhuma de programação e os artigos estão ficando desalinhados, será que podem me ajudar?

Arquivado

[Resolvido] blog desalinhado

Recommended Posts

Vinicius Cainelli 17

Compartilhar este post

Link para o post

Compartilhar em outros sites

Aprendiz CSS 3

Compartilhar este post

Link para o post

Compartilhar em outros sites

Thiago Retondar 18

Compartilhar este post

Link para o post

Compartilhar em outros sites

Vinicius Cainelli 17

Compartilhar este post

Link para o post

Compartilhar em outros sites

Thiago Retondar 18

Compartilhar este post

Link para o post

Compartilhar em outros sites

Vinicius Cainelli 17

Compartilhar este post

Link para o post

Compartilhar em outros sites

Aprendiz CSS 3

Compartilhar este post

Link para o post

Compartilhar em outros sites

Vinicius Cainelli 17

Compartilhar este post

Link para o post

Compartilhar em outros sites

Aprendiz CSS 3

Compartilhar este post

Link para o post

Compartilhar em outros sites

Nenboltes 0

Compartilhar este post

Link para o post

Compartilhar em outros sites

Consulta SQL dentro de outra consulta

Data igual do facebook

Fazer busca no Banco de dados usando vários critério

Fóruns

Tempo Real

Informação importante