[HTML + CSS] Text Positioning

**~bk** · January 24th, 2010

Hi guys,

Really need some help with coding. This is the first time I'm trying to code everything in Notepad. Used to use Dreamweaver before. I'm having problems with text positioning. Check the site here. The menu on top, and the little blurb about myself in the bottom, appears different on various screen sizes (ex: A 13.1 inch screen versus a 15.6 inch one). It's out of position on all screens. Is there a way to make it look like the same on all screens?

Could you look at the code and suggest any solutions? Thank you!

What I'm using to position the text:

Code:

div#bio {
        position: relative;
        height: 230px;
        width: 950px;
        left: 230px;
        top: 84px;
        text-align: justify;
        text-shadow: #000 0.1em 0.1em;
        color: #FFFFFF;

**~bk** · January 24th, 2010

I think I've partially fixed the problem. The menu on the top seems fine on my 13 and 15 inch screens. However, I have this problem at the bottom now.

On 15 inch:

On 13 inch:

See how the last sentence is off on the 15 inch screen shot? It's way down than it's supposed to be.

**American Zombie** · January 24th, 2010

You need to do something about the page width.

You should not have to scroll side to side on a main page of a site.

**~bk** · January 24th, 2010

I think it may be due to the fact that the site width is 1200px. What resolution are you viewing it on?

I guess I might have to decrease the width.

**LordOfLA** · January 25th, 2010

you should design for 1024x768

**Khayman** · January 25th, 2010

get a 404

January 24th, 2010	Top \| #1
~bk I <3 Adriana Joined: November 2003 Location: Canada Posts: 3,768 Reputation: 1230 Power: 154	[HTML + CSS] Text Positioning Hi guys, Really need some help with coding. This is the first time I'm trying to code everything in Notepad. Used to use Dreamweaver before. I'm having problems with text positioning. Check the site here. The menu on top, and the little blurb about myself in the bottom, appears different on various screen sizes (ex: A 13.1 inch screen versus a 15.6 inch one). It's out of position on all screens. Is there a way to make it look like the same on all screens? Could you look at the code and suggest any solutions? Thank you! What I'm using to position the text: Code: div#bio { position: relative; height: 230px; width: 950px; left: 230px; top: 84px; text-align: justify; text-shadow: #000 0.1em 0.1em; color: #FFFFFF; +bk.designs; + notebook + deviantART __________ // art is literacy of the heart <3

January 24th, 2010	Top \| #2
~bk I <3 Adriana Joined: November 2003 Location: Canada Posts: 3,768 Reputation: 1230 Power: 154	Re: [HTML + CSS] Text Positioning I think I've partially fixed the problem. The menu on the top seems fine on my 13 and 15 inch screens. However, I have this problem at the bottom now. On 15 inch: On 13 inch: See how the last sentence is off on the 15 inch screen shot? It's way down than it's supposed to be. +bk.designs; + notebook + deviantART __________ // art is literacy of the heart <3

January 24th, 2010	Top \| #3
American Zombie OSNN Veteran Addict Joined: June 2004 Location: Seattle Posts: 2,864 Reputation: 2689 Power: 151	Re: [HTML + CSS] Text Positioning You need to do something about the page width. You should not have to scroll side to side on a main page of a site.

January 24th, 2010	Top \| #4
~bk I <3 Adriana Joined: November 2003 Location: Canada Posts: 3,768 Reputation: 1230 Power: 154	Re: [HTML + CSS] Text Positioning I think it may be due to the fact that the site width is 1200px. What resolution are you viewing it on? I guess I might have to decrease the width. +bk.designs; + notebook + deviantART __________ // art is literacy of the heart <3

January 25th, 2010	Top \| #5
LordOfLA Godlike! Joined: February 2004 Location: Salisbury, Wiltshire, UK Posts: 7,031 Blog Entries: 5 Reputation: 4137 Power: 213	Re: [HTML + CSS] Text Positioning you should design for 1024x768 If HK-47 and GLaDOS had a child, the character they create would cause the video game world to overdose on awesome. -sheridanmovieguy: Dragon age forum user.

Latest News Posts

Latest Forum Posts

Latest Member Blogs

January 25th, 2010	Top \| #6
Khayman I'm sorry Hal... Joined: January 2002 Location: England Posts: 5,514 Reputation: 1210 Power: 194	Re: [HTML + CSS] Text Positioning get a 404 "I'm on the server side. I don't know what side you're on"

Similar Threads
Thread	Thread Starter	Forum	Replies	Last Post
[HTML/CSS] Text continues past the <div> border	Glaanieboy	Web Design & Coding	3	April 24th, 2005 5:58pm
[HTML] Text revolving	Kev2012	Web Design & Coding	7	October 11th, 2004 7:20pm
Reset a field after submitting text (HTML)	Glaanieboy	Web Design & Coding	24	June 18th, 2003 1:22am
HTML text and stuff	Geffy	Web Design & Coding	6	February 3rd, 2003 9:08pm
help with HTML and text input spaces	jkoXP	Web Design & Coding	3	December 25th, 2002 11:02am