разместване на сайт

N

nasko4

Registered
Здравейте,

Имам малак проблем със моят сайт. Не съм мн добар в хтмл и не съм сигорен как да го оправя. Използвам <div> тагове за изграждане на сайта. Проблема е, че когато го пусна през различни браузери се мести с няколко мм, а също така и когато довабя нов <div> таг над останалите или между стари такива те се разместват Ако някой има идея от какво мобе да става така ще се радвам да го изслушам. Благодаря предварително !!!

Код: 
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html>
<head>
	<title> </title>
	<meta http-equiv="content-type" content="text/html; charset=windows-1251" />
</head>

<body bgcolor="#aad9f7">
	<div width="800px" height="200px"	 style="position: relative; top:5px; left:300px; ">
		<img src="images/header.jpg">

	</div>

	<div width="800px" height="500px" style="position: relative; top:60px; left: 350px;">
		<img src="images/content_box2.jpg">
	</div>

	<div width="225px" height="209px" style="position: relative; top:-755px; left:50px;">
		<img src="images/emblema.jpg">
	</div>

	<div width="319px" height="308px" style="position: relative; top:-690px; left:15px;">
		<img src="images/menu.jpg">
	</div>

	<div width="200px" height="30px" style="position:relative; top:-935px; left:40px;">
		<a style="text-decoration : none"; href="index.html"><font face="arial, helvetica, sans-sherif" size="4" color="#000000"> >> Начало </font></a>
 	</div>
	<div width="200px" height="30px" style="position:relative; top:-920px; left:40px;">
		<a style="text-decoration : none"; href="novini.html"><font face="arial, helvetica, sans-sherif" size="4" color="#000000"> >> Новини </font></a>
 	</div>
	<div width="200px" height="30px" style="position:relative; top:-905px; left:40px;">
		<a style="text-decoration : none"; href="specialnosti.html"><font face="arial, helvetica, sans-sherif" size="4" color="#000000"> >> Специалности </font></a>
 	</div>
	<div width="200px" height="30px" style="position:relative; top:-885px; left:40px;">
		<a style="text-decoration : none"; href="istoriq.html"><font face="arial, helvetica, sans-sherif" size="4" color="#000000"> >> История </font></a>
 	</div>
	<div width="200px" height="30px" style="position:relative; top:-865px; left:40px;">
		<a style="text-decoration : none"; href="galeriq.html"><font face="arial, helvetica, sans-sherif" size="4" color="#000000"> >> Галерия </font></a>
 	</div>
	<div width="200px" height="30px" style="position:relative; top:-850px; left:40px;">
		<a style="text-decoration : none"; href="proekti.html"><font face="arial, helvetica, sans-sherif" size="4" color="#000000"> >> ПРОЕКТИ </font></a>
 	</div>
	<div width="200px" height="30px" style="position:relative; top:-900px; left:500px;">
		<font face="arial, helvetica, sans-sherif" size="7" color="#000000"> content_box2 </font></a>
 	</div>
	<div width="200px" height="30px" style="position:relative; top:-665px; left:460px;">
		<a style="text-decoration : none"; href="index.html"><font face="arial, helvetica, sans-sherif" size="3" color="#000000"> Начало | </font></a>
		<a style="text-decoration : none"; href="novini.html"><font face="arial, helvetica, sans-sherif" size="3" color="#000000"> Новини |</font></a>
		<a style="text-decoration : none"; href="specialnosti.html"><font face="arial, helvetica, sans-sherif" size="3" color="#000000"> Специалности |</font></a>
		<a style="text-decoration : none"; href="istoriq.html"><font face="arial, helvetica, sans-sherif" size="3" color="#000000"> История |</font></a>
		<a style="text-decoration : none"; href="galeriq.html"><font face="arial, helvetica, sans-sherif" size="3" color="#000000"> Галерия|</font></a>
		<a style="text-decoration : none"; href="proekti.html"><font face="arial, helvetica, sans-sherif" size="3" color="#000000"> Проекти |</font></a>
		<a style="text-decoration : none"; href="kontakti.html"><font face="arial, helvetica, sans-sherif" size="3" color="#000000"> Контакти </font></a>
 	</div>
	<div width="381px" height="208px" style="position: relative; top:-1200px; left:1000px;">
		<a href="http://www.hrdc.bg/news.php" target="_blank"><img title="logo2" src="images/logo2.jpg" width="210" height="200" border="0"></a>
			</div>
	
	<div width="381px" height="208px" style="position: relative; top:-1050px; left:480px;">
	<p align="center"><embed src="http://www.respectsoft.com/onlineclock/ballclock.swf" width="125" height="125" quality=high pluginspage="http://www.macromedia.com/shockwave/download/index.cgi?P1_Prod_Version=ShockwaveFlash" type="application/x-shockwave-flash" wmode="transparent"></embed><br></p>
				
	</div>
	
</body>
<html>
 
както казаха по-нагоре направи един главен див <div id="container'> и после в css #margin: 0 auto;
 
Няма как да разберем кое се размества, кое е нормално и как трябва да изглежда, за да ти помогнем. Сега само правим догатки.
 
perer каза:
Няма как да разберем кое се размества, кое е нормално и как трябва да изглежда, за да ти помогнем. Сега само правим догатки.
Увеличете...
Ами по-скоро го насочваме какво да прави завбъдеще. Аз в такъв код абсурд да намеря защо така става или не става просто те съветвам да правиш главен див който ти фиксира елементите да не се мърдат мн (:D) и другите дивчета ги ръгаш в големия.
 
DeathGuard_ каза:
perer каза:
Няма как да разберем кое се размества, кое е нормално и как трябва да изглежда, за да ти помогнем. Сега само правим догатки.
Увеличете...
Ами по-скоро го насочваме какво да прави завбъдеще. Аз в такъв код абсурд да намеря защо така става или не става просто те съветвам да правиш главен див който ти фиксира елементите да не се мърдат мн (:D) и другите дивчета ги ръгаш в големия.
Увеличете...

Хаха. Така е.
Айде, че оспамихме темата на човека. Съжалявам. :)
 
Трябва да си влезнал или регистриран, за да отговориш тук.

Back
Горе