having all kinds of trouble

[nathanchilds]

ok i went out on my own trying new things i found and well yeah everything looks good and all lines up on my computer then i go and upload it in a directory on another website and its all looking good so i go and look on my mums computer and the top logo does not go all the way to the end of center doc my google ads on the side seemed to have gotten closer to the bottom of the nav text i have put also i have added another promotion i have on the bottom of the home page which is supposed to be right under the last header , it sits way under where it should but i dont know what to do as it all looks right on mine can any one have a look at what i have please as i have things all over the place trying to find sollutions thanks

 

first the site is found at,

 

http://www.weightlosslive.biz/website

 

and the css if you need to find it is,

 

p {

width: 100%;

color: black;

background: lime;

font-size: 20px;

 

}

 

h1 {

border-top:3px dashed #0000FF;

width: 100%;

color: #000080;

 

}

 

 

h2 {

border-top:3px dashed #0000FF;

width: 100%;

color: #000080;

background: lime;

}

 

 

 

h3 {

border-top:3px dashed #0000FF;

width: 100%;

color: #000080;

background: lime;

}

 

 

.italic {

 

 

background: lime;

color: black;

width: 100%;

font-size: 20px;

}

 

#navigation {

 

font-size: 19px;

position: absolute;

width: 195px;

top: 80px;

left: 8px;

background: #000000;

color: #0000FF;

}

#navText {

color: #FFFFFF;

background: #000000;

}

 

#nav_Text {

color: #FFFFFF;

background: #000000;

 

}

 

#navNote {

color: red;

background: #000000;

border-top:0px dashed #FFFAF0;

font-size: 18px;

 

}

 

 

#centerDoc {

 

position: absolute;

left: 205px;

top: 80px;

right: 45px;

padding: 50px 0 20px 0px /*top right bottom left*/;

background: lime;

}

 

h4 {

color: black;

 

}

 

 

#change {

background: lime;

 

}

 

li {

border-bottom: 2px solid #FFFAF0;

color: yellow;

 

}

 

 

#product {

top: 80px;

}

 

.tags {

 

color: black;

border-bottom: 0px solid #FFFAF0;

left: 20px;

right: 20px;

}

 

#squeezePage {

 

position: absolute;

left: 205px;

top: 2300px;

right: 45px;

padding: 50px 0 20px 0px /*top right bottom left*/;

background: #DCDCDC;

 

}

 

#sideGoogle {

 

position: absolute;

width: 195px;

top: 945px;

left: 8px;

background: #DCDCDC;

 

 

}

 

 

also for some strange reason i have all this other stuff at the top of my css page but when i take it off it don't work. Noone else i see seems to have it please look into it and let me know what your thoughts on it are also if you do notmind thank you

 

(weird stuff top of css)

 

{\rtf1\ansi\ansicpg1252\deff0\deflang1033{\fonttbl{\f0\fswiss\fcharset0 Arial;}}

{\*\generator Msftedit 5.41.15.1515;}\viewkind4\uc1\pard\f0\fs20 p\{\par

width: 80%;\par

\par

\}\par

}

thanks, nathan

[Wickham]

I expect your Mum's computer has a different screen resolution.

 

You have a lot of elements with % widths, like p, but your logo.jpg header logo is a fixed width (956*67px), so when viewing the page in a large screen resolution it doesn't reach the right side, conversely if you make the viewing window a small width the logo extends out beyond the right side where you have to scroll to see it all.

 

You can make the image resize with 100%:-

border="0" alt="Back To Home Page">

 

but that isn't very satisfactory as it will increase in height in proportion at larger screen resolutions and may overlap lower content.

 

If you make all your elements have fixed widths you will avoid the problems.

 

When testing your page I deleted

{\rtf1\ansi\ansicpg1252\deff0\deflang1033{\fonttbl{\f0\fswiss\fcharset0 Arial;}}

{\*\generator Msftedit 5.41.15.1515;}\viewkind4\uc1\pard\f0\fs20 p\{\par

width: 80%;\par

\par

\}\par

}

at the top of the css file; I don't know why it's there. Just start the css file with

p {

width: 100%;

color: black;

background: lime;

font-size: 20px;

 

}

changing the width if you want to use fixed widths. It worked for me.

 

Fluid or flexible widths do need some practice to get right.

Edited March 17, 2009 by Wickham

[Andrea]

You have quite a few coding errors and deprecated and improperly used tags throughout the entire page. The look is very much home-made '95 - and that's NOT a good thing. I'd also rethink the color choices, there are contrast issues (blue on black is VERY hard to read, so is red on brown), and that green is pretty loud.

 

Also, I imagine you did not really mean to say:

....i would hate you to miss this,

(and that's not the only typo or punctuation error)

[ayianapaexposed]

I am learning myself, so do not have any advice on the html coding etc, but I do know what hurts my eyes.......WOW green!!

[jlhaslip]

that weird stuff looks like a piece of code from a microsoft editor.

what text editor did you use on the css file?

[JedMoulton]

Wow - nice color scheme, if you are looking to attract the punk rocker crowd.

 

Seriously - you really need to rethink your color schemes, presentation is everything and this practically screams - new to web design.

 

you dont want to blind your audience.