[CSS][PHP] rozmieszzczanie elementów, rozmieszczanie div-ów icludowanych z kilku plików Opcje

[azbest22]

Witam. mam problem z rozmieszczaniem elementów przy pomocy

[CSS] pobierz, plaintext 
	position:absolute;
	top: 50px;
	left: 50px;
[CSS] pobierz, plaintext 

a mianowicie jeżeli wszystkie elementy są w jednym pliku wszystko gra, ale jeżeli użyje include i dodam paczke div-ów wewnątrz innego to już pozycjonuje mi względem krawędzi ekranu i nie elementu nadrzędnego. kod wysłany do przeglądarki wygląda schludnie więc nie mam pojęcia w czym rzecz.
kod widziany przez pokaż źródło wygląda tak

[HTML] pobierz, plaintext 
<div id='glowna'>
	<div id='menu1'>
		<div id='guzik_strona_glowna'><a href='index.php?link=strona_glowna'><img src='image/strona_glowna.png'></a></div>
		<div id='guzik_forum_glowna'><a href='index.php?link=forum_glowna'><img src='image/forum_glowna.png'></a></div>
		<div id='guzik_login_glowna'><a href='index.php?link=login_glowna'><img src='image/login_glowna.png'></a></div>
		<div id='guzik_register_glowna'><a href='index.php?link=register_glowna'><img src='image/register_glowna.png'></a></div>
		<div id='guzik_przypomnij_glowna'><a href='index.php?link=przypomnij_glowna'><img src='image/przypomnij_glowna.png'></a></div>
		<div id='obrazek_maly_glowna'><img src='image/obrazek_maly_glowna.png'></div>
	</div>
	<div id='menu1cd'>
		<div id='test'></div>
	</div>
</div>
[HTML] pobierz, plaintext 

wszystkie id zaczynające się od guzik są ustawiane względem menu1 a test względem menu1cd, natomiast menu1 i menu1cd ustawia się względem krawędzi ekranu a nie glowna.
div menu1 i menu1cd wraz ze swoją zawartością są w jednym pliku i jako cała paczka includowane do wnętrza div-a glowna
kod z divem nadrzędnym

[PHP] pobierz, plaintext 
echo"<div id='glowna'>";
if (!empty($_SESSION['id_usera']))
	{
	include"gra.php";
	}
else
	{
	include"logregpass.php";
	}
echo"</div>";
[PHP] pobierz, plaintext 

a to zawartość logregpass.php

[PHP] pobierz, plaintext 
echo"<div id='menu1'>";
echo"<div id='guzik_strona_glowna'><a href='index.php?link=strona_glowna'><img src='image/strona_glowna.png'></a></div>";
echo"<div id='guzik_forum_glowna'><a href='index.php?link=forum_glowna'><img src='image/forum_glowna.png'></a></div>";
echo"<div id='guzik_login_glowna'><a href='index.php?link=login_glowna'><img src='image/login_glowna.png'></a></div>";
echo"<div id='guzik_register_glowna'><a href='index.php?link=register_glowna'><img src='image/register_glowna.png'></a></div>";
echo"<div id='guzik_przypomnij_glowna'><a href='index.php?link=przypomnij_glowna'><img src='image/przypomnij_glowna.png'></a></div>";
echo"<div id='obrazek_maly_glowna'><img src='image/obrazek_maly_glowna.png'></div>";
echo"</div>";
echo"<div id='menu1cd'>";
echo "<div id='test'></div>";
echo"</div>";
[PHP] pobierz, plaintext 

wszystkie elementy są opisane w osobnym pliku css tak jak pisałem na początku posta co powinno je bez problemu umieścić wewnątrz nadrzędnego kontenera jednak nie chce to działać jeśli kontenet podrzędny jest includowany z innego pliku. może mi ktoś powiedzieć jak rozwiązać taki problem?


widzę że trefiłem na problem trudny do rozwiązania (IMG:style_emoticons/default/sad.gif) pokombinuję w takim razie nad całkowitym rozdzieleniem wyglądu od kodu programu aczkolwiek wydaje mi się że trzeba będzie teraz poświęcić od groma czasu na ponowne rozpisanie aplikacji ;/

[azbest22]

css który ma to obrobić ale nie daje rady

[CSS] pobierz, plaintext 
body
{
	background-color: #4682B4;
}
#test
{
	border: 0px;
	width: 100px;
	height: 100px;
	background-color: #4682B4;
	position:absolute;
	top: 50px;
	left: 50px;
}
#glowna
{
	border: 2px solid;
	width: 1240px;
	height: 775px;
	background-color: #5F9EA0;
	margin-left: auto;
	margin-right: auto;
}
#menu1
{
	border: 0px;
	width: 500px;
	height: 775px;
	background-color: #1F9EA0;
	position:absolute;
	top: 0px;
	left: 0px;
}
#menu1cd
{
	border: 0px;
	width: 740px;
	height: 775px;
	background-color: #1F9EA0;
	position:absolute;
	top: 0px;
	left: 500px;
}
#guzik_strona_glowna
{
	border: 0px;
	width: 500px;
	height: 50px;
	background-color: #1F9EA0;
	position:absolute;
	top: 0px;
	left: 0px;
}
#guzik_forum_glowna
{
	border: 0px;
	width: 500px;
	height: 50px;
	background-color: #2F9EA0;
	position:absolute;
	top: 50px;
	left: 0px;
}
#guzik_login_glowna
{
	border: 0px;
	width: 500px;
	height: 50px;
	background-color: #3F9EA0;
	position:absolute;
	top: 100px;
	left: 0px;
}
#guzik_register_glowna
{
	border: 0px;
	width: 500px;
	height: 50px;
	background-color: #4F9EA0;
	position:absolute;
	top: 150px;
	left: 0px;
}
#guzik_przypomnij_glowna
{
	border: 0px;
	width: 500px;
	height: 50px;
	background-color: #5F9EA0;
	position:absolute;
	top: 200px;
	left: 0px;
}
#obrazek_maly_glowna
{
	border: 0px;
	width: 500px;
	height: 525px;
	background-color: #8F9EA0;
	position:absolute;
	top: 250px;
	left: 0px;
}
[CSS] pobierz, plaintext 

a czy da się w css określić względem którego obiektu ma przesunięcie być czy zawsze robi to tylko względem nadrzędnego kontenera a przynajmniej się stara bo tutaj to nie wychodzi mu akurat

Ten post edytował azbest22 3.01.2012, 22:41:44