Page changing size/position at certain amount of text

slosumo · July 3, 2010

Hey,

I am making a PHP website (not posting in that section because I remember I had a similar problem a few years ago with a plain HTML site) and been trying to figure out this for a while now and just can't seem to fix it.

Here's the problem, simplified:

I have 3 pages (index, info, help). Index and info have a few short paragraphs written in their main text area, help has about 500ish words written there. Now imagine, that "L" is my leftMenu, "C" is the content of the site and "." is the space between L and C.

The first two look pages look like this:

L....C

Whereas the third one looks like this:

L......C

They all have same .php files for banner, menu etc. and whenever the page passes a certain point of text (well, it's probably height of the page, that's the problem, because I tried fixing the height to 1k+ pixels and then they all look the same), it's leftMenu moves ~10 pixels to the left, making unpleasant browsing through pages when they change.

I'm wondering if any of you might know what the problem here is - or is it that just when the page isn't high enough (say 500px), there are variations in its horizontal position?

Thanks,

Sumo

EDIT: It seems that the problem IS with page height, because I just tried inserting line breaks, and the page moves to the left when its height exceeds the height of the browser (tried in FF, IE and Chrome, result's the same). I'm wondering if there is a solution to this without setting a minimum fixed height to the pages?

haku · July 3, 2010

I put your odds of getting any kind of help that will actually solve your problem without showing any code at about 1/100.

slosumo · July 3, 2010

Didn't put it because I thought it might be a general "error" or the way browsers display sites. But if that doesn't seem to be the case, here are two pages that appear differently and the php scripts that might be relevant (if banner, bottom menu are relevant too, I can post those aswell) :

Index site (is moved a few pixels to the right):

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">

<html>
<head>
	<title> Peter Vene - ljubezen v lesu</title>
	<meta content="text/html; charset=windows-1250">
	<link rel="stylesheet" type="text/css" href="style.css" />
</head>	

    <body>
<div id="container">	
	<div align="center" id="banner">
		<?php include("banner.php"); ?>
	</div>

	<div align="center" id="body">
		<div id="leftMenu">   <!-- this is the left menu -->
			<?php include("menu.php"); ?>
		</div>
		<div id="mainText"> <!-- the page's position seems to be affected by the height of this area (since banner and botmenu are the same height on all pages) -->
			<!-- THE PAGES ARE SAME(except for title) TO UP TO HERE -->			
			<p><strong>Peter Vene</strong>, kipar iz Sevnice, vam na teh straneh predstavlja svoje umetniško delo. Ce ste ljubitelj umetnosti, kiparstva, stiliziranega pohištva, lesa in
			lesenih izdelkov ali narave nasploh, si MORATE ogledati te strani!</p>

			<p>Ce niste ljubitelj vsega naštetega nic zato, po koncanem obisku predstavitve, boste to zagotovo postali!</p>

			<p>Išcete <strong>edinstveno darilo</strong>? Prišli ste na pravo mesto! Manjše skulpture ali sklede so kot nalašc za vas, ce želite <strong>
			prijateljem</strong> ali <strong>poslovnim partnerjem</strong> podariti vrhunski unikatni izdelek, kakršnega še niso videli!</p>

			<font color="#804000">Oglejte si unikatne izdelke iz vec sto let starega lesa!</font></p>

			<p>Predlagamo vam, da obisk pricnete z ogledom <a href="galerija.htm">Galerije slik</a> in se sami prepricate, kakšne cudovite stvaritve lahko zaivijo, ko narava in
			cloveška kreativnost združita moci!</p>

                           				<!-- THE PAGES ARE SAME FROM HERE ONWARDS -->
		</div>
	</div> 

	<div align="center" id="footer">
		<?php include("botmenu.php"); ?>
	</div>
</div>
    </body> 
    
</html>

Second page (appears normally - a few pixels to the left of the index site):

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">

<html>
<head>
	<title> Kdo je Peter Vene?</title>
	<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
	<link rel="stylesheet" type="text/css" href="style.css" />		
</head>	

    <body>
<a name="top"></a>
<div id="container">	
	<div align="center" id="banner">
		<?php include("banner.php"); ?>
	</div>

	<div align="center" id="body">
		<div id="leftMenu">
			<?php include("menu.php"); ?>
		</div>
		<div id="mainText">
			<!-- THE PAGES ARE SAME(except for title) TO UP TO HERE -->
			<p class="naslov"> <a href="#samoikonografija" class="naslov">Samoikonografija v lesu</a> | <a href="#zivljenjepis" class="naslov">Kratek ?ivljenjepis</a></p>
			<br />
			<table cellspacing="10">
				<tr>
					<td>
						Peter Vene, s.p. <br />
						Lesene skulpture in skulpturalno pohi?tvo <br />
						Gubèeva ulica 4 <br />
						8290 Sevnica <br />
						Slovenija
					</td>

					<td>
						Tel:(+386) 07/ 81 41 032 <br />
						GSM: (+ 386) 041 737 881 <br />
						E-mail: peter.vene@gmail.com <br />
						<br />
						<br />
					</td>
				</tr>
			</table>

			<p class="naslov"><a name="samoikonografija"></a>Samoikonografija v lesu</p>

			<p>Svet se v cloveku prikazuje v podobah (ikona), ki jih išcemo in opisujemo (grafija), tako verjetno lažje lušcimo neskoncne razsežnosti obstajanja in si jih prilašcamo v svoj mali duhovni svet.
			Ceravno živimo v desetletju gojenja likovnega brezoblicja kot abstraktne in strokovne vrednote oblike, oživlja vstajojoci duh klasike, da niti ne omenjam zlovešcih senc grabežljivih carovnic v
			laicnem svetu otroškega strahu, ki ga povzrocajo nedolžne vrbe v svetlobi polne lune. Prisotnosti oblik - podob torej ne gre zanicevati niti povelicevati, kakor sta se celo poigravala s skritimi
			dvoumnimi podobami Proslula Josepho Arcimboldus in Escher.</p>

			<p>Kipar Peter Vene se vseskozi ukvarja s podobami v lesu. Iskal jih je v najdenih koreninah, rogovilah - umetno ustvarjal v lipovem plohu - in sedaj v drevesnih lupinah vrbe in topola,
			premore izredno tenkocutnost do samih naravnih materialov lesa, kamna in železa. Pozna jih, kot bi živel v sožitju z njimi; misli in orodjari z lesom, ker pozna “njegovo logiko”, naravo, znacaj, kar
			predstavlja tudi bistvo kiparjenja kot umetnosti in vešcine.</p>

			<p>Širom naše dežele je izbral ostarele, izvotlene, od zoba casa in narave zgarane samotce vrb in topolov, jih lastnorocno požagal, razžagal, in jih na kubike v paletah zvozil na svoje.
			Videl sem to metamorfozo naravne forme vive v kiparjevo impresivno skladovnico živih oblik, kar pomeni prvo stopnico sizifovega dela v stvarjenju teh kipov. Cistil jih je, lupil, bezal zemljo iz
			njih, odstranjeval strohnelo in dajal sušiti, da bi iz njih nastajale kiparske podobe, posode ail pohištvo. S pravo kovaško vešcino si je mojstrsko sam izdelal dleta, belace, kopace in prirocno
			orodje iz krogelnih ležajev in koles žlezniških vagonov, ki jim ni para, niso serijski, in so že male kiparske mojstrovine zaradi svoje arhaicne taktilnosti plemenitosti oblik.</p>

			<p>Izbira lupine, kose le - teh, minimalno posega vanje, dokler ne zaživijo v cloveških podobah, ki jih ponekod dokoncno zbrusi, zgladi do puhlih izboklin, vršickov. Odkriva in poudarja
			na cloveka spomijajoce, antopomorfne oblike - dostikrat v slikarskem smislu dveh razsežnosti, zaustavljenega pogleda na obrisu, konturi kipa. V zadnjem casu pa ustvarja polnokrvne, na novi svet
			spominjajoce, organomorfne oblike, ki same živijo v zares obdelanih vseh treh razsežnostih. Odkril je pravo kiparsko vboklo - izboklo obliko, kakor je funkcionirala kot material v živem svetu in
			ponovno živi svoje kiparsko življenje, odražajoc in spominjajoc lepoto raznih oblik organizmov in vegetacije, kot bi prisluhnil kiparski govorici precišcene oblike Constantina Brancusija ali Oskarja
			Kogoja. Obcutek za obliko dopolnjuje ljudi z obcutkom za snov, ki jo pusti odžagano, odlomljeno ali pa jo izpelje po svoje. Ponekod jo zgladi ali zbrazda lice in pusti gladki tek debla, zgošcine
			grbavosti ali kodravosti korenin neobarvane naravne površine, da zapolni veliko kiparsko obliko in se spogleduje s cloveško in lesno anatomijo.</p>

			<p style="text-align:right">Alojz Konec, prof.</p>				

			<p class="naslov"><a name="zivljenjepis"></a>Kratek življenjepis</p>

			<p>Peter Vene, rojen 13. Septembra 1943 v majhni vasi Bucka blizu Sevnice. Je tretji otrok oceta kovaca ter matere, ki je skrbela za kmetijo, odlicna pa je tudi bila v šivanju.</p>

			<p>Po koncani srednji šoli je postal elektroinštalater in se s tem preživljal veliko let. Skulpture je pricel izdelovati še kot otrok in njegova spretnost je z leti rasla. Prvic se je
			širši javnosti predstavil leta 1966 na razstavi mladih amaterskih umetnikov. Leta 1969 je prejel prvo nagrado za svoje delo na razstavi v Mestni galeriji v Ljubljani.</p>

			<p>Od leta 1988 je umetnost postala njegov poklic, smisel življenja, razmišljanja in izražanja custev. Za svoje unikatne izdelke izbira vec sto let stara izvotlena debla in koreninske
			dele vrb ter lip. Išce in najde jih širom po Sloveniji in na Hrvaškem, jih lastorocno ocisti in pripravi na sušenje, ki traja od 5 do 9 let. Iz ostarelih, izvotlenih, od casa in narave grobo
			oblikovanih debel in korenin, ustvarja kiparske podobe - skulpture, posode in unikatno pohištvo.</p>

			<p>Vsako leto ima 6 do 8 razstav po vsej Sloveniji (nekatere samostojne, druge skupaj z drugimi umetniki). Za otroke vseh starosti in odrasle pa je najzanimivejša njegova
			umetniško-kiparska delavnica, ki jo je že trikrat vodil na Pungrtu v Kranju. Tam lahko spoznajo lepote in znacilnosti tudi do 400 let starega lesa.</p>

			<p>Med ljubitelji, poznavalci in zbiralci umetnosti ter unikatnih skulptur in skulpturalnega pohištva postajajo njegova dela vedno bolj priljubljena in cenjena, pogosto uporabljana tudi
			kot darila v poslovnem svetu doma ter v tujini.</p>

			<p>Do sedaj je imel vec kot 80 razstav po Sloveniji, na Hrvaškem in jeseni leta 2000 tudi na Nizozemskem, na katero je še posebej ponosen, saj je po ocenah kritikov ter obiskovalcev
			odlicno uspela. Njegove skulpture so tudi v Italiji, Avstriji, Veliki Britaniji, ZDA, Nemciji, Franciji, Belgiji, na Nizozemskem, Švedskem, Norveškem, v Švici,...</p>

			<p style="text-align:right"><a href="#top" style="color:brown; text-decoration:none">Na Vrh</a></p>
                           	<!-- THE PAGES ARE SAME FROM HERE ONWARDS -->
		</div>
	</div> 

	<div align="center" id="footer">
		<?php include("botmenu.php"); ?>
	</div>
</div>
    </body> 
    
</html>

style.css :

a.menu:link {
color: black;
text-decoration: none;
}

a.menu:visited {
color: black;
text-decoration: none;
}

a.menu:hover {
color: brown;
font-weight: bold;
}

a.botmenu:link {
color: black;	
}

a.botmenu:hover {
text-decoration: none;
}

a.botmenu:visited {
color: black;
}

p {
text-align: left;
margin-left: 20px;
}

a.naslov {
color: brown;
text-align: center;
font-weight: bold;
text-decoration: underline;	
}

a.naslov:hover {
color: brown;
text-align: center;
font-weight: bold;
text-decoration: none;
}

a.naslov:visited {
color: brown;
text-align: center;
font-weight: bold;
}

p.naslov {
text-align: center;
font-weight: bold;
}

body {
text-align: center;
}

#container {
margin: auto;
width: 700px;
}

#leftMenu {
width: 100px;	
float: left;
text-align: right;
}

#mainText {
width: 600px;
float: right;
}

#footer {
float: left;
width: 700px;
}

div.galerija {
float: left;
width:300px;
}

Left Menu (menu.php) :

<a href="/stran/peterVene.php" class="menu">Peter Vene</a> <br />
<a href="/stran/galerijaSlik.php" class="menu">Galerija slik</a> <br />
<a href="/stran/razstave.php" class="menu">Razstave</a> <br />
<a href="/stran/povezave.php" class="menu">Povezave</a> <br />
<a href="/stran/knjigaGostov.php" class="menu">Knjiga gostov</a>

If something I didn't put here might affect this (though all else is the same on all pages) I can add it without a problem.

Sumo

Sign In

Page changing size/position at certain amount of text

Recommended Posts

slosumo

Link to comment

Share on other sites

haku

Link to comment

Share on other sites

slosumo

Link to comment

Share on other sites

Join the conversation

Browse

Activity

Important Information