Проблем с резолюцията

  • Автор Автор blog
  • Начална дата Начална дата

blog

Registered
Здравейте значи сега правя един сайт за gta san i vc но нещо ми се получава различно под др резолуция добре тогава реших цялата ми информация в сайта да я сложа в еди контейнер който да я държи добре еднакво е но като му сложа да е <cneter> .....</center> с други думи центрирано сичко е обарква сичко става мазало иаче се центрирва но искам другите елемнит в сайта да не се центрирват да си стоят на едно място само целият сайт да се премести и да си остане същото вижте как изгледжда преди центрирването и след това:



Преди:


http://img411.imageshack.us/img411/3584/58364912.png


След:

56819114.png




Искам Нещо Такова да стане:

95435438.png



Неможах много добре да го наместа иначе искам да стане така без нишо от съдаржанието да се променя дал съм картинки защото може да не сте ме разбрали какво точно искам.... Моляви Хелп +1 за първият който ми хелпне..
 
Ако си сложил целия сайт в един див можеш със цсс да го жентрираш без да се центрира вътре текста
 
index.php

<html>
<head>
<link type="text/css" rel="stylesheet" href="style.css">
<title>Gta-Gaming.tk</title>
<link href="bad.png" rel="shortcut icon" type="image/x-icon" />
<link href="bad.png" rel="icon" type="image/x-icon" />
</head>


<body>

<div id="palen-kazan">

<div id="kazan">

<center>
<div id="banneri">
<?php

$banner = "banner.txt";

$fp = file($banner);
srand((double)microtime()*1000000);
$rl = $fp[array_rand($fp)];
echo $rl;
?>
</div>
</center>


<center>
<div id="menu1i3">
<?php

$banner = "menu.txt";

$fp = file($banner);
srand((double)microtime()*1000000);
$rl = $fp[array_rand($fp)];
echo $rl;
?>
</div>
</center>

<div id="pole">
<center>
<div class="text"><span><b>Добре Дошли!</b></span><div>
<p class="text1">Здравейте, Вие тукощо попаднахте на един от десетте български сайта за gta. Този сайт ви предоставя информация за двете най-нашумели игри за сега. В сайта може
да намерите много информация за двете игри също така да свалите някой скинове на коли,мотори и самолети може да свалите и някой друг хак или просто
искате да видите някой друг код (има всички кодове за игрите: Gta San Andreas и Gta Vice City). Също така може и да намерите и друга полезна иформация за тези две игри.</p>
<hr />
</center>

<div id="pole2">
<center>
<div class="text2"><span><b>Новини</b></span><div>
<p class="text2">Направени са 7 нови полета в категорията "Gta Sa" , а те са: Първото е за Кодове за Gta Sa , Второто е за хакове за Gta Sa , Третото е за скинове на Gta Sa ,
Четвъртото е за картите на Gta Sa (там е показано каде има стънтове състезания и тнт) , Петото е за модове на Gta Sa (за тези които не знаят какво е мод това само ви подобрява самата игра) ,
Шестото е за клипове на Gta Sa , Седмото от там може да свалите самата игра , а от Осмото можете да свалите енда програма с която можете да играете онлайн (това ще рече може да играете и с
други хора (приятели или др.).</p>
<hr />
</center>

<div id="konteyner">

<div id="sa">

<img src="img/fav.png"><a style="color: white; text-decoration: none; font-size: 17px; margin-top: 2px; width: 111px;" href="cheats.html">Cheats/Кодове</a>

<img src="img/fav.png"><a style="color: white; text-decoration: none; font-size: 17px;" href="code.html">Hacks/Хакове</a>

<img src="img/fav.png"><a style="color: white; text-decoration: none; font-size: 17px;" href="skins.html">Skins/Скинове</a>

<img src="img/fav.png"><a style="color: white; text-decoration: none; font-size: 17px;" href="maps.html">Maps/Карти</a>

<img src="img/fav.png"><a style="color: white; text-decoration: none; font-size: 17px;" href="mods.html">Mods/Модове</a>

<img src="img/fav.png"><a style="color: white; text-decoration: none; font-size: 17px;" href="clips.html">Clips/Клипове</a>

<img src="img/fav.png"><a style="color: white; text-decoration: none; font-size: 17px;" href="download.html">Download Gta</a>

<img src="img/fav.png"><a style="color: white; text-decoration: none; font-size: 17px;" href="download-samp.html">Download Samp</a>
</div>

</div>
</div>

<div id="kont">
<div id="menu2">

<img src="img/fav.png"><a style="color: white; text-decoration: none; font-size: 17px; margin-top: 2px; width: 111px;" href="cheats.html">Cheats/Кодове</a>

<img src="img/fav.png"><a style="color: white; text-decoration: none; font-size: 17px;" href="skins.html">Skins/Скинове</a>

<img src="img/fav.png"><a style="color: white; text-decoration: none; font-size: 17px;" href="maps.html">Maps/Карти</a>

<img src="img/fav.png"><a style="color: white; text-decoration: none; font-size: 17px;" href="mods.html">Mods/Модове</a>

<img src="img/fav.png"><a style="color: white; text-decoration: none; font-size: 17px;" href="clips.html">Clips/Клипове</a>

<img src="img/fav.png"><a style="color: white; text-decoration: none; font-size: 17px;" href="download.html">Download VC</a>

<img src="img/fav.png"><a style="color: white; text-decoration: none; font-size: 17px;" href="download-samp.html">Download Samp</a>
</div>
</div>








</div>
</body>
<html>


style.css

html,body {background-color: #ccc; padding: 0px; margin: 0px;}

#banneri {margin-top: 6px; margin-left: 61px;}

#menu1i3 {margin-left: -565px; margin-top: 20px;}

#pole {width: 558px; height: 558px; background-color: #e1e6e2; margin-left: 287px; margin-top: -560px; border: 1px solid green;}

.text {margin-top: 26px;}

.text2 {margin-top: 26px;}

.text1 {font-size: 17px; padding-left: 3px; padding-right: 3px;}

.text2 {font-size: 17px; padding-left: 3px; padding-right: 3px;}

#konteyner {width: 150px; height: 271px; border: 0px solid red; margin-left: -230px; margin-top: -480px;}

#sa {padding-top: 35px; padding-left: 15px; word-spacing: 1px;}

#kont {width: 150px; height: 271; border: 0px solid red; margin-left: -230px; margin-top: 30px;}

#menu2 {padding-top: 35px; padding-left: 15px; word-spacing: 1px;}

#palen-kazan {width: 846px; height: 800px; border: 0px solid red;}

Може някаде да съм обаркал нещо по кодовете но искам само това да ми кажете...
 
Ти си дал <center> на всичко магни ги и на дива казан през цсс му сложи някакъв маргин да отиде по-вдясно
 
е направих каквото каза с маргин но изглежда различно под др резолуция а и мениутата ми изчезнаха някой друг да знае друг начин
 
blog каза:
е направих каквото каза с маргин но изглежда различно под др резолуция а и мениутата ми изчезнаха някой друг да знае друг начин

Направи така:
Код:
<div id="center">....</div>

#center{
  widht:800px; // тук колкото е необходимо
  margin:0 auto;
}
По този начин имаш елемен, който е центриран, а с <центер> ти центрираш всичко в него.
 

Back
Горе