Forum PHP.pl

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 ;/

Chaotycznie i źle opisałeś problem, chociaż rozlegle. Natomiast: nie dolaczyles w ogole stylow css, a to ich chyba dotyczy problem. Nie musisz wstawiac nie wiadomo ilu guzikow, wystarczy jeden dla przykladu albo testowa strona. Probowales position:relative; dla id="glowna" ? Wiecej nie pomoge, bo po prostu nie rozumiem co gdzie ucieka.

Jezeli wszystko jest budowane tak, jak czysty html, to nie ma prawa nie dzialac. Przegladarka nie moze wiedziec (bo niby jak), czy dane element zostal wygenerowany w php czy napisany na sucho w html. Zawsze dostaje wyrenderowany dokument html [tzn akurat w tym przypadku].

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