Hello, everybody,

I am new to linux and more so, completely new to html codes.

I have been learning to build webpage using bluefish as the html editor and have been reading a couple of books like ( Master Visually HTML 4 and XHTML 1) and others etc. and have just completed a simple index.html page.

when I viewed the index.html page with Mozilla at 800x600 resolution the page elements all were displayed at right where they should be. But when the same page was viewed at 1024x876 resolution,the elements, at least a few
of them were displayed at the wrong places.

would appreciate if anyone who can help to solve this simple problem?

Thank you in advance.

Have a nice day.

smallfish
linux fans

That is what happens when using GUI editors. They quite often use absolute positioning. I would suggest writing your html pages by hand if you want proper liquid pages.

I will try to use gedit instead and redo the index.html and review the tags and
attribute values again to make sure I used the right stuff.

Thank you very much.

regards.

smallfish
linux fans

don't use absolute positioning. thast whats messing you up. to position stuff use tables. and lots of them.

Thanks.

will try using t...a....b....l....e....s.

have just finished my dinner here hong kong time 10:10 pm

regards.

smallfish
linux fans

I'm sorry but that is terrible advice. Tables are used to display tabular data. They are not for creating the layout of a website.

What you really want to use is relative positioning from CSS. For an example take a look at my website (link in my sig...), then take a look at the code, then look at the stylesheet (if you type http://badcomputer.no-ip.com/linuxbot.css in your browser it will prompt you to either download it or open it.)

Resize the browser window as much as you like, and notice how the website adjusts itself perfectly. Make it narrow, then make it wide.

Please don't use tables for page alignment. It is a kludge at best, and a very poor one at that...

hmm, call me a n00b but i don't know whats wrong with tables.... O.o'''


Mata ne
MakoChan

what is wrong with tables for websites? tables don't have to be just for displaying certain types of data......they work well in blog layouts and other simple things like image galleries.

trinity

and we were getting on so well too.... don't use tables... no. div div div div div

I agree with divs since the dramaticly reduce the page size and increase flexability but you need to be carefull with certain browsers. bulliver's page does not view well in Netscape 4 at all and the graphic shows up too often in IE.

Wow, that's wierd (just fired up IE). I obviously know next to nothing about web design/rendering, but notice how different things look in different browsers and just wonder 'why'...

Cool

Some browses don't stick to markup standards properly:
http://www.w3c.org/MarkUp/

This is something which I belive Mozilla is striving to do. There are also bugs in some browsers. There are versions of Netscape 4 that forget to make text bold when using a <B> tag.

MasterC, if you do get into webdesign you'll find yourself fighting to get IE to do all the cool useful things...if you go to my acidrip site you'll see that the title stays onscreen with moz, ns etc... but in IE it moves, as IE doesn't pay attention to CSS, and you have to break so many rules just to get it to behave like it does there, and not completely screw the page up. there are countless pages devoted to cheats and hacks for IE. These are more in CSS2 and such, which are much newer and not needed for basic sites, but when you're trying to make more interactive sites like my acidbox thing is going (and avoiding using frames...) these css flaws really start getting in the way.

That is wierd. I just fired it up in Moz and then in IE to compare.

All hate and propaganda aside, why aren't all browsers standard's compliant (equal)?

I've seen images (gif's usually) that seem to render correctly (speed related) in IE/konqueror, but seem to just slow down in Moz/Galeon.

Cool

Who knows! I agree that it is mad though.

acid_ kewpie is right about tweaks and hacks - if you want to do make things fancy and looking similar in all browsers you will need to write some sort of script (client side or server side) to determine the browser version and either insert different stylesheets or add javascript.