I am working on designing a website for an organization, but have a problem. Originally I created the website quickly and easily using Website X5 Evolution v8, since I already had it around and it is quite easy and nice to use for general websites like the one Im making. Then I decided I wanted to add some text to a page, and opened it with Dreamweaver. Once the extra text was added, and I loaded the page in my browser, I noticed the bottom part of the page's text was "pushed" down below the footer or bottom part of the page making it not viewable. I also noticed when inspecting further that the same is the case if I increase the text size with the browser. Using the Zoom function in Firefox in my case. I added some extra space on the bottom of each page to make it show correctly , hopefully, on browsers with other resolution or text size. But even with this larger empty space on bottom, text is still pushed downwards and into oblivion when zooming/making text size bigger in browser. The site in question is http://www.OrdoNousOgoz.com and you can test it by changing the text size etc and look at the bottom how its skewed/pushed off the screen. Can anyone give me some insight to what is going on here and how I make the borders around the text increase and resize along with the text, instead of being a fixed size as it seems to be now which gives this problem with the text? Im not really an expert, thus using such easy software in the first place, but hopefully someone can give an easy enough explanation on how I can fix this using dreamweaver or simply through notepad? Just to let anyone whom feel like giving a nice helping hand a good look, I am including the full site in a zip here with all css styles and so on etc too. Here is the link to the zip, since the file was a bit too big to attach in the post: http://rapidshare.com/files/386655617/ogoz_site.rar.html Thanks to anyone whom can help solve this annoying problem! Blessings -M
Perhaps a stupid question, but how exactly do i make them "fluid" ? Did you check out the site and how this error occurs? So far I didnt manage to find out how to fix this. thanks all
Still couldnt figure out this one, did some searching but didnt come up with much useful. I tried adjust the size of the borders in Dreamweaver that surrounds the text but that wasnt much of use either and I can't find an option to make any part of the borders surrounding the text auto-adjust in accordance with text growth (such as typing in new text in Dreamweaver or straight from notepad for that matter) or how to make the text not dissappear below the bottom of the page/footer in the browser when increasing text size
The whole markup is not at all properly designed... To tell you in brief, it is like meant to display the original page only! Note this at home.css at line 27 #imPage { height:938px; position:relative; } Code (markup): Which means the page height should be 938px only.. Not more than that! This is the issue of all your problem I guess. Also everything inside that div#imPage has absolute position... So, it won't solve the problem if you change the height to auto! You need a wide modification, [almost recoding the css] to fix it! Also setting the css to min-height also won't work for the same reason! So apparently, no actual solution other than recoding your css... Also, the HTML markup is damn messy! I would suggest you to either recode the whole thing yourself or hire a designer...
Thanks for the tip I will look into that. So, changing 938x to 100% won't solve the problem either? Shouldn't that tell the page to show all at all times? Using percentage instead of pixels? I will test some things out and see if I can understand it. All i really need to fix is the problem with text disappearing below the footer because of this fixed size of the page you mention. For now I offer 10 dollar to anyone that can do a fix on this issue for me on the files needed, along with a step by step guide on how it was done to fix it and what was wrong. Cheers