PDA

View Full Version : Column Length Uneven


Alegrio
10-02-2006, 07:32 PM
Hello,
Another site another problem,
Only posting here though, :D

The site is at:
http://www.self-help-motivation-source.com/index.html

I am transfering the site to a new template so you will be seeing 2 looks if you go farther than this page.
Problem is the uneven purple columns to the right and left.
Question is, how/where/ what do I add to the css to have these even every time on every page.

I tried 100% for length and that id not work....
Thank you
Alegrio

domedia
10-02-2006, 08:27 PM
Purple columns looks good here. Your browser might see render it differently, there's loads of errors on the page which can throw browser fots in any direction depending on your browser. Go through the errors and see if that can't fix some things up for you.
http://validator.w3.org/check?uri=http%3A%2F%2Fwww.self-help-motivation-source.com%2F

Creative Insanity
10-02-2006, 09:45 PM
Looks fine in FF here as well..

Alegrio
10-03-2006, 12:19 AM
Hi,
Thank you,
I think I have beat my own record for errors on this one.

Thanks, I was hoping there might be one major thing that someone could spot,


Alegrio

domedia
10-03-2006, 12:53 AM
Hey we're here fo you. Got through the errors one by one, you can keep this thread going if you want. As soon as you get stuck, post back here and we'll take it from there :-)

Alegrio
10-03-2006, 03:47 AM
Awe,
Thanks,
OK...
When I upload this page, SBI scans it and I get this message for errors:


Certain tags must be closed off (i.e. <SCRIPT> and <TITLE> tags) before another tag can be introduced into the code

There is no immediate closing tag which matched the opening <SCRIPT>

Your page contains the following unbalanced tag(s) which may cause unpredictable results in your visitor's brower:

There is 1 more opening <STYLE> tag than </STYLE> tag(s).

I cannot find them!
http://www.self-help-motivation-source.com/index.html

Creative Insanity
10-03-2006, 07:11 AM
That site code is really ugly.. tables and divs all over the show.. scripts all over the place and worst of all.. css in the html file.. Ohh ugly.

domedia
10-03-2006, 12:46 PM
There is 1 more opening <STYLE> tag than </STYLE> tag(s).


<style type="text/css">
<style type="text/css">

See above? You're duplicating code. The W3c Validator gives you the line-number where errors are, so it should be really easy to find out where they are. The error above actually throws the rest of the document invalid, my local checker still reports 490 errors on your page.

Alegrio
10-03-2006, 01:46 PM
Hi,
I removed one line of the style, but recieved the same message,
The way the error read to me was that I had a unbalanced tag, not a extra.
This is confusing ...

Is there a certain area in the error report that I can start with that may effect the column length?
Also SBI, before it publishes the page adds code they use for tracking your results, I cannot repair any errors generated by that code.

!. Errors seem to have a lot in attributes
Line 8 column 11: there is no attribute "Name".

<META Name="Description" Content="Self help motivation source for all of the hel

2
Error Line 8 column 33: there is no attribute "Content".

<META Name="Description" Content="Self help motivation source for all of the hel

3
Line 8 column 146: element "META" undefined.

...or your journey to self improvement.">

Yes, Ken I know, this is my finest work yet.
Please note, I have restrained from sending you a zip file in tears.

so far.

Alegrio

domedia
10-03-2006, 02:08 PM
This might be associated with your XHTML declaration. All tags in XHTML needs to be closed. You LINK and META tags are not closed. example <meta /> That is the right way to close BR, IMG, LINK and META tags in XHTML. If you're not comfortable working in XHTML you should go back to HTML :-(

Alegrio
10-03-2006, 02:58 PM
OMG

Ken gave me this in another post:
Quote:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">

If you were to change it to:
Quote:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>

You will find 99.9% of your problems go bye bye.


Is this what I do here?

Thanks
:(

Alegrio
10-03-2006, 03:14 PM
Hi again,
have this line of code,
<meta http-equiv="Content-Type" content="application/xhtml+xml; charset=iso-8859-1" />

when I change to html, how would I rewrite this?

Thank you!

domedia
10-03-2006, 03:20 PM
The doctype will decide to which standard the page is being rendered. You have to know what this means for your website, so reading about doctypes is a good idea :)

One doctype is not more 'right' than another. You have to choose which one to use, and make sure your document is written according to that standard. In HTML you don't have to close single tags (and you definitely don't have to set your content as xml), so the above line would be like this:
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">

Alegrio
10-03-2006, 03:56 PM
Thanks,
I did that,
Is there a extension I can type in,
I thought if I used the clean up html command and chose remove the xml tags this way?


Aslo wondering,
I f a put a css box in the right and left columns and then set the length at 100%
I do not know what to set the float at for the positioning, what looks right in my browser usually ends up in the middle of the page when I publish it, :shock:

Thanks

Alegrio
10-03-2006, 08:59 PM
I found the problem with the columns appearing uneven,
Duh oh, I have been staring right at it for 3 days,
My hosting co. does not recognize anything referenced by css.

One has to make a image upload page and add any graphics to that,
there is a bg:
image-files/wrapper_bg.gif that is referenced by css, I missed adding this to the upload page.

Added it and all looks fine,
There are so many errors on this page I am going to do it over, staying close to the original template in xml.

Thanks so much for all your help and patiance,

Alegrio