desenvolvimento para web - xhtml, css, padrões da web, usabilidade, acessibilidade, web design, SEO, blogs e tecnologias para desenvolver a web発展途上ウェブ-のX HTML、 C SS、 W eb標準、ユーザビリティ、アクセシビリティ、ウェブデザイン、ソ、ブログやウェブの技術を開発する

Folhas de estilo vieram para facilitar a vida de desenvolvedores web , quanto a isso não há dúvidas.来たのスタイルシートを容易にするウェブ開発者の命を、その疑いの余地はない。 Dúvidas, mesmo, são em relação a algumas técnicas CSS para alcançar determinados posicionamentos e resultados como, por exemplo, como deixar um site sempre no centro usando as folhas de estilo.な点がございましたら、さらには、 CSSのテクニックについていくつかの特定の位置や結果を達成するために、このような方法を残してサイトとしては、中心部のスタイルシートを使用しています。 Pode parecer que é algo complicado de fazer e/ou que se trata de uma técnica CSS mais complexa; para a felicidade de quem mexe com CSS, tanto novatos quanto veteranos, colocar um site sempre no meio com as folhas de estilo em cascata é simples de ser feito.ように見えることがありますが複雑に何かを作ることおよび/またはそのことは、より複雑な技術のCSSは、これらのwhoに辟易するの幸福をCSSで、両方の初心者の退役軍人として、常にサイトの真ん中に置くのカスケードスタイルシートは単純ばならないことです。

Tão simples que, na verdade, existem diversas maneiras de se centralizar um site em qualquer resolução de tela usando CSS.ようなことは、実際には、いくつかの方法を集約されたサイトが、画面の任意の解決方法を使用してCSSのです。 São técnicas variadas, que, quando aplicadas, produzem o mesmo efeito esperado - de centralizar uma página web ou site completo.さまざまなテクニックについては、これは、実装時に、同じ効果を生む期待-を集中、またはウェブページのサイトに相当します。 Como todas as técnicas servem para a mesma coisa, fica “a gosto do freguês” escolher qual utilizar.すべての技術を使用して、同じようなことは、 "味には、お客様の葉"選択してから、使われています。

Centralizar site com CSS: posicionamento relativo e margens automáticasセンターのサイトをCSS ：相対位置および自動マージン

Esta é uma das mais simples técnicas para alcançar o efeito de o site ficar sempre no centro, independentemente da resolução de tela do visitante.これは最も単純なテクニックの1つは、サイトの効果を達成するためには、常にセンターに関係なく、画面の解像度を訪問します。

Basicamente, deve haver uma div principal, que “englobará” o restante das divs do site .基本的には、主要な分割存在する必要がありますが"カバー"の残りの部分divs サイトです。 Geralmente os desenvolvedores costumam denominá-la “wrap”, “principal”, “site”, “all” ou algum outro nome que designe que esta é a div “externa” do site; a “casca” que está sempre ao centro.通常、開発者が通常denomináこと"ラップ" 、 "メイン" 、 "サイト" 、 "すべて"またはいくつかの名前を指定して他の領域は、 "外部"のサイトは、 "シェル"となることを常にの中心にします。 Como as outras divs ficam como sendo descendentes, a “mágica” acontece. divsとしてはどのように、他の子孫は、 "マジック"が発生します。

 #wrap { width : 750px ; /* largura fictícia */ margin : 0 auto ; } ＃ラップ （幅： 750px ; / * *幅架空/ マージン： 0 自己; ） 

Para quem não sabe, a declaração de margin indica que as margens superior e inferior serão “0″ e as margens esquerda e direita serão calculadas automaticamente; ou seja, o site fica centralizado!これらのwhoか分からないため、この宣言のマージンを示して、上側と下側の余白は" 0 "と、左と右の余白が自動的に計算さ;すなわち、そのサイトが中心！

Centralizar site com CSS: posicionamento absoluto e margem esquerda negativaセンターのサイトをCSS ：絶対位置との左に否定的な

Também é possível centralizar todo um site através de posicionamento absoluto.を集約することも可能全体のサイトを通じて絶対位置します。 Para tanto, vamos utilizar a mesma div “wrap” como exemplo.これを行うには、我々は同じスプリットを使用して"ラップ"としてその一例です。

 #wrap { left : 50 % ; margin-left : -375px ; /* metade da largura fictícia */ position : absolute ; width : 750px ; } ＃ラップ （左： 50 ％ ; マージン-左： - 375px ; / *架空の半分の幅* / 位置： 絶対; 幅： 750px ; ） 

Quando alguma div tem posicionamento absoluto, ela se baseia em seu elemento pai para se posicionar.分割は、絶対的な位置決めときに、それは、それに基づいて自分自身の位置を親要素です。 No caso, como ela não tem elemento pai, então vai se basear na página, em si - body .の場合、親要素がないとして、そのページに基づいて入力し、ヴァイは、それ自体-体です。 Então, para conseguir o efeito de centralização, jogamos uma margem esquerda de 50%, para que vá para o meio.このため、中央集権化の効果を達成するために、演奏する左の余白を50 ％ 、への行き方の真ん中です。 Mas é o limite da esquerda da div “wrap” que foi jogada 50% neste sentido; então, para que o centro da página é que fique no meio, aplica-se uma margem negativa da metade do valor total da largura.しかし、上限の領域の左には"ラップ"には、 50 ％はこの方向に移動するように、センターには、ページの真ん中には、それは、適用の合計の半分を負のマージンの幅を設定します。

Qual das duas técnicas de centralizar o site é melhor?これは、 2つの技術を集中するサイトが良いですか？

Como disse, qualquer uma das técnicas CSS para centralizar um site pode ser usado; ambas produzem efeitos semelhantes.私によると、 CSSのテクニックのいずれかのサイトを集中することに使われる、同様の効果の両方を生産します。 A diferença principal é que uma atribui um posicionamento relativo à div principal ea outra um posicionamento absoluto .主な違いは、 1つの主な領域に位置を絶対位置と、他の1つです。 Isso, levando-se em consideração as divs filhas, tem um grande impacto na composição do layout , como um todo.この、 divs人の娘を考慮して、には、大きな影響を与えるの組成を全体としてのレイアウトです。

Mas isso é assunto para um outro artigo… ;-)しかし、これは、件名を別の記事… ;-)