Centralizar site

Jean Steinmetz · Julho 22, 2012

não to conseguindo centralizar o site, alguem pode me ajudar?:


<!DOCTYPE html PUBLIC" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" 

xml:lang="en" lang="en">

<!-- Mirrored from www.m2mnext.hu/ by HTTrack Website Copier/3.x [XR&CO'2010], Fri, 20 Jul 2012 03:02:41 GMT -->
<head>
<title>M2MNext - Ingyenes Metin2 MMORPG</title>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<meta http-

equiv="content-language" content="hu" />
<meta name="keywords" content="ingyen metin2, mmorpg, free mmorpg, ingyen mmorpg, metin2 

fantasy, metin2mester, next, metin2 next, távolkeleti, online játék, ingyenes online játék, online mmorpg" />
<meta name="description" 

content="Üdvözöllek M2MNext ingyenes, magyar nyelvű, játék szerverén! Teljesen ingyen regisztrálhatsz, töltheted le és játszhatod a 

játékot ameddig jól esik. A mesés Metin2 távolkeleti vidékein kerülhetsz jobbnál jobb kalandokban, vagy fitoktathatod az erődet más 

játékosokkal szemben. Fejlődhettek együtt, kereshetitek az érdekesnél érdekesebb küldetéseket ebben a fantasy világban." />
<meta 

name="author" content="m2mnext.hu" />
<link rel="shortcut icon" href="http://m2mnext.hu/favicon.ico" type="image/x-icon"/>
<link 

rel="stylesheet" href="page_resources/css/jquery.lightbox-0.5.css" type="text/css" media="screen" />
<script type="text/javascript" 

src="page_resources/js/jquery-1.6.4.min.js"></script>
<script type="text/javascript" src="page_resources/js/jquery-ui-

1.8.16.custom.min.js"></script>
<script type="text/javascript" src="page_resources/js/jquery.formparams.js"></script>
<script 

type="text/javascript" src="page_resources/js/jquery.mousewheel.js"></script>
<script type="text/javascript" 

src="page_resources/js/jquery.cookie.js"></script>
<script type="text/javascript" src="page_resources/js/jScroller.js"></script>
<script 

type="text/javascript" src="page_resources/js/add_bookmark.jquery.js"></script>
<script type="text/javascript" 

src="page_resources/js/tools1273.js?1342753356"></script>
<script type="text/javascript" src="page_resources/js/login1273.js?

1342753356"></script>
<script type="text/javascript" language="javascript">
var inner_height = 768;
var inner_width = 1792;
var 

server_time = 1342753356;
$(document).ready(function(){
});
</script>
<style type="text/css" media="screen">
@import 

"page_resources/css/ff.css";
</style>
<link rel="stylesheet" href="page_resources/css/style1273.css?1342753356" 

type="text/css" media="screen" />
<link rel="stylesheet" href="page_resources/css/general1273.css?1342753356" type="text/css" 

media="screen" />
<link rel="stylesheet" href="page_resources/css/login1273.css?1342753356" type="text/css" media="screen" />
<script 

type="text/javascript">
var _gaq = _gaq || [];
_gaq.push(['_setAccount', 'UA-28910136-1']);
_gaq.push(['_trackPageview']);


(function() {
var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
ga.src = ('https:' == 

document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
var s = document.getElementsByTagName

('script')[0]; s.parentNode.insertBefore(ga, s);
})();
</script>
</head>
<body style="margin:0px" id="body">
<div id="main_div" 

style="width:1790px;margin-left:auto"><div id="page_left_div" style="float:left; width:520px;"><div id="page_left_top" 

style="width:520px; height:234px"><img src="page_resources/images/background/left_top_login.jpg" class="background_image" />
<div 

class="left_dragon">
<img id="left_dragon_1" class="flying_dragon" src="page_resources/images/dragon.gif" />
</div><div 

class="side_torch"><embed style="margin:3% 0 0 32.5%; width:90%; height: 90%" type="application/x-shockwave-flash" 

allowfullscreen="false" name="Metin2Mester_Fire" bgcolor="#ffffff" devicefont="false" wmode="transparent" loop="true" play="true" 

quality="high" src="page_resources/images/fire.swf"></div></div><div id="page_left_bottom" style="width:520px; height:341px"><img 

src="page_resources/images/background/left_login.jpg" class="background_image" /></div></div>
<div id="page_body_div" 

style="float:left; width:776px;">
<div id="page_top" style="width:776px; height:38px">
<img 

src="page_resources/images/background/top_login.jpg" class="background_image" />
<div class="top_dragon">
<img id="top_dragon_1" 

class="flying_dragon" src="page_resources/images/dragon.gif" />
</div>
</div>
<script type="text/javascript" 

src="page_resources/js/jquery.lightbox-0.5.js"></script>
<div id="page_body" style="width:776px; height:537px;font-size:85%">
<img 

src="page_resources/images/background/body_login.jpg" alt="left_top_image" class="background_image" /><div id="login"><img 

class="logo" src="page_resources/images/login_logo.png" /><img class="character_left" 

src="page_resources/images/login_character_left.png" /><img class="character_right" 

src="page_resources/images/login_character_right.png" /><div class="slider left"><div class="content"><div class="elem e1"><a 

class="lightbox" rel="gallery-plants" href="page_resources/images/landing/11273.jpg?1342753356"><img 

src="page_resources/images/landing/1_thumb1273.jpg?1342753356" /><div></div></a></div><div class="elem e2"><a class="lightbox" 

rel="gallery-plants" href="page_resources/images/landing/21273.jpg?1342753356"><img 

src="page_resources/images/landing/2_thumb1273.jpg?1342753356" /><div></div></a></div></div></div><div class="slider right"><div 

class="content"><div class="elem e1"><a class="lightbox" rel="gallery-plants" href="page_resources/images/landing/31273.jpg?

1342753356"><img src="page_resources/images/landing/3_thumb1273.jpg?1342753356" /><div></div></a></div><div class="elem e2"><a 

class="lightbox" rel="gallery-plants" href="page_resources/images/landing/41273.jpg?1342753356"><img 

src="page_resources/images/landing/4_thumb1273.jpg?1342753356" /><div></div></a></div></div></div><div class="news"><img 

class="background" src="page_resources/images/landing_slider.png" /><div class="content"><div id="scroller_container"><div 

class="Scroller-Container"><p class="text">Kedves Játékosok!<br />
<br />
Az utóbbi időben rengeteg support levél, fórum hozzászólás és egyéb kommunikációs csatornákon hozzánk eljutó vélemény szólt a 4 

kaszt<br />
közötti egyensúlyról/balanszról, miszerint a ninja kaszt előnyben van minden téren (pvp és pvm egyaránt) a 3 kaszttal szemben.<br />
Ezért megvizsgáltuk a kasztok közötti eltéréseket minden szinten, és az összes szempontot végigvettük (fegyverek ereje, skillek ereje, 

stb...).<br />
A következőkre derült fény leginkább:<br />
100-as szint alatt a 4 kaszt közötti érdembeli eltérést nem tapasztaltunk, kivéve persze az alapvető minimális különbségek, amik az 

egyedi<br />
játékmenettel (bónuszok, kövek stb...) mind mind csiszolhatók, személyre szabhatók.<br />
100-as szint felett azonban hatványozottan előjön a ninja kaszt előnye, pvp és pvm játékmódban egyaránt. Ehhez ha hozzávesszük még a 

tőr<br />
fegyverek támadási sebességét és támadó erejét, ez az előny még inkább kidomborodik, ellehetetlenítve a pvp-ben a többi kasztot.<br />
Ezen okból a ninja kaszt egy nagyobb vérfrissítést kap, egyensúlyba kerül az ereje a másik három kaszttal szemben és a fegyvereinek az 

ereje<br />
is exponenciálisan növekszik a fegyver szintjének függvényében.</p><p class="date">[sA]Reis írta 2012-03-28 16:45-kor</p><hr /><p 

class="text">Kedves Játékosok!<br />
<br />
DRAKMAN EVENT!<br />
<br />
"Kecses, gyors lovakon vágtázó, díszes dolmányt viselő szikár emberek, kik félelmet nem ismerve, kivont karddal vérüket adták egy igaz 

ügyért"<br />
<br />
Adózzunk tisztelettel eme bátor hősöknek a mai napon.<br />
Ezen alkalomból bekerült az Item Shopba a Baranta PRÉMIUM HUSZÁRVÁGÁS! Ez az opció lehetőséget ad MOB elleni küzdelmek és PVP viták, 

egyéb megoldatlan ügyek egyszerű, gyors rendezésére. Kezdődjék a Baranta (törvényes erőszak), legyen résen mindenki!<br />
<br />
A Március 15-i ünnep kapcsán Drakman most nem lélekgömböket, hanem kokárdát fog kérni, melyért cserébe nem szelencét, hanem 

HUSZÁRVÁGÁST ad! 10 db kokárdáért ad 1 db HUSZÁRVÁGÁST! Természetesen az event alatt mindenhol, minden MOB droppol kokárdát!<br />
<br />
A PRÉMIUM HUSZÁRVÁGÁSHOZ tartozó technikai információ:<br />
+30% ÁK-t (átlag kár) ad 1 online órán keresztül. Tradelhető! Megszerzése után a használaton kívüli PRÉMIUM HUSZÁRVÁGÁS tárolható, nem 

évül el!<br />
<br />
A HUSZÁRVÁGÁSHOZ tartozó technikai információ:<br />
+10% ÁK-t (átlag kár) ad 1 online órán keresztül. Tradelhető! Megszerzése után a használaton kívüli HUSZÁRVÁGÁS tárolható, nem évül 

el!<br />
<br />
-Blitz-</p><p class="date">[sA]Reis írta 2012-03-15 10:29-kor</p><hr /><p class="text">Szevasztok!<br />
<br />
Biztosan láttátok már, hogy közelítünk a 10 000 lájkhoz a Facebookon.<br />
Mivel ilyen hűséges és odaadó felhasználói/játékosai vagytok az M2MNext-nek és ilyen rohamosan növekszik a facebookos táborunk is, 

ebből az alkalomból egy kis ajándékkal kedveskedünk nektek! Az ajándék amit kiosztunk, nagyban hozzásegít a játékbeli 

boldogulásotokhoz, mind a szörny ölésben, és persze a PVP-ben is! :)<br />
<br />
Akkor most jöjjön az amiről mind ezidáig beszéltem nektek! Szóval amint elérjük a 10 000, ismétlem 10 000 lájkot, akkor minden 

account/számla kap az Item-Shop raktárába egy 100 online óráig tartó Prémium Támadást!<br />
<br />
A Prémium Támadásról tudnivalók: 450 Támadó Értéket ad 100 online órán át (tehát csak akkor számol vissza, ha online a játékos!). 

Mindezt attól a pillanattól kezdve, amikor a játékos aktiválta a tárgyat!<br />
A tárgy 2 hétig felhasználható, utána, ha nem lett felhasználva, eltűnik!<br />
<br />
Ezzel a kis kedvességgel szeretnénk megköszönni nektek, hogy a mi játékunkat választották kikapcsolódásul!<br />
<br />
M2MNext Team!</p><p class="date">[sA]Reis írta 2012-03-13 19:41-kor</p><hr /></div></div><div id="scrollbar_container"><img 

src="page_resources/images/scroller_up.png" class="Scrollbar-Up" /><img src="page_resources/images/scroller_down.png" 

class="Scrollbar-Down" /><div class="Scrollbar-Track"><img src="page_resources/images/scroll_floater.png" class="Scrollbar-Handle" 

/></div></div></div></div><div class="form"><img class="background" src="page_resources/images/landing_form.png" /><form 

class="login"><table><tr><td colspan="2" class="title"><p>Bejelentkezés</p></td></tr><tr><td class="label">Szerver:</td><td 

class="value"><select size="1" name="server" class="input"><option value="1">Kentaur</option><option 

value="2">Főnix</option></select></td></tr><tr><td class="label">Felh.név:</td><td class="value"><input type="text" class="input" 

name="account" value="" /></td></tr><tr><td class="label">Jelszó:</td><td class="value"><input type="password" class="input" 

name="password" value="" /></td></tr><tr><td colspan="2" class="logged label"><input type="checkbox" id="login_checkbox" 

name="keep_logged" value="1" /><label for="login_checkbox">Maradjon bejelentkezve</label></td></tr><tr><td colspan="2" class="submit 

working_container"><input type="submit" name="submit" class="clickable" value="Belépés" /></td></tr><tr><td colspan="2" 

class="forgotten"><p class="lostpassword_button clickable" onclick="lost_password()">Elfelejtett 

jelszó</p></td></tr></table></form></div><a class="register" href="index8759.html?a=register"><p class="clickable">Regisztrálj Most!

</p></a><a class="download clickable" href="index908f.html?a=download">Letöltés</a></div>
</div>
</div>
<div id="page_right_div" 

style="float:left; width:494px;">
<div id="page_right_top" style="width:494px; height:234px">
<img 

src="page_resources/images/background/right_top_login.jpg" class="background_image" />
<div class="right_dragon">
<img 

id="right_dragon_1" class="flying_dragon" src="page_resources/images/dragon.gif" />
</div>
<div class="side_torch">
<embed 

style="margin:3% 0 0 -24.5%; width:90%; height: 90%" type="application/x-shockwave-flash" allowfullscreen="false" 

name="Metin2Mester_Fire" devicefont="false" wmode="transparent" loop="true" play="true" quality="high" 

src="page_resources/images/fire.swf">
</div>
</div>
<div id="page_right_bottom" style="width:494px; height:341px">
<img 

src="page_resources/images/background/right_login.jpg" class="background_image" />
</div>
</div>
<div id="page_bottom_div" 

style="float:left; width:1790px;">
<div id="page_links_left" style="float:left; width:448px; height:157px">
<img 

src="page_resources/images/background/left_bottom.jpg" class="background_image" />
</div>
<div id="page_links" style="float:left; font-

size:127.5%; width:899px; height:157px">
<img src="page_resources/images/background/links.jpg" class="background_image" /><div><a 

class="clickable" style="top:4%; left:20%;" href="index6847.html?a=main">Főoldal</a><a class="clickable" style="top:33%; left:10%;" 

href="indexa972.html?a=rules">Szabályzat</a><a class="clickable" style="top:4%;left:72%;" href="index15a0.html?

a=support">Support</a><a class="clickable" style="top:67%;left:75%;" href="forum/index.html" target="_blank">Fórum</a></div>
</div>
<div 

id="page_links_right" style="float:left; width:443px; height:157px">
<img src="page_resources/images/background/right_bottom.jpg" 

class="background_image" />
</div>
<div id="page_bottom" style="float:left; font-size:127.5%; width:1790px; height:34px">
<img 

src="page_resources/images/background/bottom.jpg" class="background_image" /><p><a href="imprint.html" target="_blank" 

class="impressum clickable">Imprint</a></p>
</div>
</div><div id="desktop_lock"></div><div id="popup" style="font-size:85%"><img 

class="background" src="page_resources/images/popup.png" alt="popup" /><div id="popup_container"></div></div>
<div 

id="item_attr_div"></div><img id="item_icon_img" />
</div><iframe id="facebook_like" 

src="https://www.facebook.com/plugins/likebox.php?href=http%3A%2F%2Fwww.facebook.com%2F%23%21%2Fpages%2FMetin2Mester-Next

%2F314646835253698&width=252&colorscheme=dark&show_faces=false&stream=false&header=false&height=72" 

scrolling="no" frameborder="0" style="overflow:hidden; width:252px; height:72px;" allowTransparency="true"></iframe>
<div 

id="left_side_panel"><div class="bookmark"><a id="addBookmarkLink" href="index.html"><img src="page_resources/images/bookmark-new.png" 

/><p class="text">Legyen Könyvjelző</p></a></div></div>
</div>
</body>

<!-- Mirrored from www.m2mnext.hu/ by HTTrack Website Copier/3.x [XR&CO'2010], Fri, 20 Jul 2012 03:04:05 GMT -->
</html>

ELE VAI FICAR ASSIM --> http://www.m2mnext.hu/

Marcos Xavier · Julho 22, 2012

No seu caso:

body style="margin:0 auto" id="body">

Por que id="body"? Não vejo necessidade ,já que não tem outra tag <body> (nem deve ter).

Outra dica. Por que você não coloca o estilo em um arquivo .css (folha de estilos). Seria melhor do que declarar dentro de cada tag.

Recomendo ler:

Link 1

Link 2

Link 3

3 ddd · Julho 23, 2012

Cria uma div que pega tudo.

ex:

div id="tudo"

e no css

#tudo{

margin:auto;

}

*edit: Faz o q o Erick disse tbm. Esqueci.

:: Erick :: · Julho 23, 2012

Só complementando oq o amigo de cima disse, quando criar uma div q pega tudo, define uma largura pra ela:

#tudo {
width: 950px;
margin: auto;
}

Keven Jesus_164006 · Julho 24, 2012

pra começar isso que você fez ai ta errado

<!-- Mirrored from www.m2mnext.hu/ by HTTrack Website Copier/3.x [XR&CO'2010], Fri, 20 Jul 2012 03:02:41 GMT -->

você baixo site de outro. totalmente errado , roba trabalho de outros muito feio

bom já que você vai centrar o site

vá até o css e determina isso

* {margin:0 auto;}

pronto

se nao me engano isso ai em alguns IE's não funciona

mas pra você fica certamente que vai pega em tudo

faz assim

* {margin:0;padding:0;}
#div_centro{width:tamanho;height:auto;margin:0 auto;}

e aplica a div no html e coloca tudo dentro dela.

Entrar

Arquivado

Centralizar site

Recommended Posts

Jean Steinmetz 0

Compartilhar este post

Link para o post

Compartilhar em outros sites

Marcos Xavier 189

Compartilhar este post

Link para o post

Compartilhar em outros sites

3 ddd 1

Compartilhar este post

Link para o post

Compartilhar em outros sites

:: Erick :: 1

Compartilhar este post

Link para o post

Compartilhar em outros sites

Keven Jesus_164006 39

Compartilhar este post

Link para o post

Compartilhar em outros sites

Sound Designer

Orientação - Jav + MySql

Alteracao Tema Wordpress Profolio

Este projeto é apoiado pelas empresas

Fóruns

Tempo Real

Informação importante