Aligning text on your site. Which is better to use?

[urbanhostonline]

I'm trying to align the text on my site but it seems that with different screen sizes the text is in different places. How do I keep it in the same spot when the user is viewing it on all different size monitors? Is it better to use pixels, in., cm., percentages, etc...?

I need everyones help on this one. Thanks so much! Any feedback is much appreciated.


Nick

 

[user-7256]

pixels and percent is all you can use I believe.

Use CSS! <div> and <span> tags! But a link would help so we could see the problem...

 

[urbanhostonline]

Ok, please go to http://drdavidfchow.com and check it out. I'm pretty new to coding so it might be a little rough

 

[little_china]

i dont know if i can explain it correctly...but anyway:

<div>s stick to the pixels you set on it if for example you align text to 80pixelse, it'll stick to that no matter the screen resolution is...

now for tables, it's better to use percentages coz it'll adjust on the screen resolution...

with that in mind...you can use divs inside a table, so the placement of your paragraphs would be adjusted according to the percentage you set on the table and according to the screen resolution...makes sense? i hope! :D

 

[urbanhostonline]

Thanks, that helped me out a bit but I am still kind of lost...

 

[killerid]

Thanks, that helped me out a bit but I am still kind of lost...

if ur lost i guess ur using frontpage or microsoft thing to edit the site . I would suggest u use dreamweaver if you are not already using it , but if ur than download the whole site on ur pc in one folder and edit files in dreamweaver and look at what edits makes what changes to the site itself. Thats the best way to edit stuff.

 

[urbanhostonline]

if ur lost i guess ur using frontpage or microsoft thing to edit the site . I would suggest u use dreamweaver if you are not already using it , but if ur than download the whole site on ur pc in one folder and edit files in dreamweaver and look at what edits makes what changes to the site itself. Thats the best way to edit stuff.

I am using dreamweaver. I editted the file in dreamweaver with percents. It all seems to line up in dreamweaver just nicely, but when I opened it up in an browser the text were all out of place. How will I know if the site is good if dreamweaver isn't giving me the correct settings? I self editted all the code changing it from pixels to percents. I previewed it in dreamweaver and it looked fine. But then I opened it up in a browser and everything was still out of place.

Also, how do you make it look the same in FF and IE? They are about 6 pixels apart I found out. How do I make them the same?

 

[user-7256]

Well, IE always displays a scrollbar, even if the page is short, which is about 15 pixels in width... dunno why it would hurt just 6 of them though.

By the way, don't use Dreamweaver. It's for these very reasons I avoid it

 

[TeviH]

Here's your problem:

<div id="Layer1" style="[b]position:absolute; left:105px; top:225px;[/b] width:138px; height:27px; z-index:1">

You have the text and links all in separate layers positioned at a specified width from the top and side of the screen. Bigger screens will than cause the main template/interface to shift, while the text and links remain at 105px from the left.

For this site, I would recommend chopping up the whole "interface image" and create separate images for the links and everything, and position them in a table. That would really be the simplest solution.

Another method, if you really don't want to chop up the interface for some reason, would be to create a centered layer on top of it, and position the text and links layers in there.

 

[urbanhostonline]

Thanks for your help!