Doctype moves whole website

Maylin · May 3, 2006

Why!?!?! :yell:

I was wondering if anyone can help me with a question please.

The website below, I've taken to validator, and found out I needed
a doc type. I tried to put it in. but all doctypes messes my whole
website up. Could I go without a doctype? If not, is there an easier
way to put the doctype on without messing up my whole site?

In dire need of someones help,
Sabrina

My website link:
http://www.engrtp.com/sabrina2/Sabrinas web/lilies2.html

B33R · May 3, 2006

It doesn't really matter IMO. The site will open just fine without it.

EDIT: There's quite a few errors in your code. There's at least a "</td></tr></table>" too many and I think an extra </div>

Plus it looks like you're opening tables in one div and closing them in another. The validator doesn't like that.

Also there's some quotes missing on one of the table openings.

Feel free to post your code in full so I, or someone else, can help you correct it.

crazyluv · May 3, 2006

Before you go without a doctype I suggest you read this article:

http://www.alistapart.com/stories/doctype/

Also the doctype isn't messing up your site more then likely it is faulty coding. I use to have problems with my first sites and compatibility between FF and IE but using a doctype fixed most of them. You need to remove the extras tags and nest everything correctly than proceed to other issues. If you want help then I'll be glad to.

Maylin · May 4, 2006

Can't move text using css

I tried something along the lines of having my doctype on. But since I put it on first, I can't move any of my stuff made in css/tables whatsoever anywhere on my page.

As long as the doctype is there, I can't do anything to move my stuff around, let alone getting it to show on the page. Any suggestions? :tu:

Here is an example.

/////////////////////////////////////////////////////////////////////////

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">

<html>

<head>

<title> Sabrina's Designs </title>

<link rel="stylesheet" type="text/css"href="mystyle.css">

<style type="text/css">

</style>

</head>
<body bgcolor= "#a3c586">

<div style="position:absolute; font-size:50px; z-index:1;">LAYER 1</div>
<div style="position:absolute; top:-30; left:5; color:red; font-size:80px; z-index:2">LAYER 2</div>
<div style="position:absolute; top:40; left:-29; color:blue; font-size:70px; z-index:2">LAYER 3</div>

</body>
</html>

////////////////////////////////////////////////////////////////////////////

I can make my stuff into layers, but something as simple as text, I can't get it to move. That's all I need, is to be able to move my images, text etc. but the doctype won't let me move any of it. If I can just get past this one part, this ONLY part I've been trying to figure out for months, so I can finally get rid/ween myself off tables, it would be wonderful. I have a site that looks exactly the same in Mozilla as well as in Internet Explorer, which really made me happy, it's just that darn doctype messing it all up. :yell:

If you can, does anyone know how to move text and images. I've been using layers, but I can't move them now that I've added the doctype. Do I have to use floats instead? Or if possible, can someone recommend a site that could help me, without alot of confusion? Thank you, anything recommended I appreciate tremendously :tu:

Also I just tested my site through validator. I only have one
error :tu:.
However, when I put the doctype on, it removes all
my images, and jumbles all my information into the top
left corner. :td:

My site is:

http://www.engrtp.com/sabrina2/Sabrinas web/keep.html

And I was using just this one doctype:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">

I don't know about you guys, I seriously think the doctype(s) are way to picky and strict for all the doctypes I've tried. :yell:

Sabrina

crazyluv · May 5, 2006

As per standards all numeric values should have a type next to it except for zero.

Code:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">

<html>

<head>

<title> Sabrina's Designs </title>



<link rel="stylesheet" type="text/css"href="mystyle.css">

<style type="text/css">
<!-- css styles can go here -->
</style>


</head>
<body bgcolor= "#a3c586">

<div style="position:absolute; font-size:50px; z-index:1;">LAYER 1</div>
<div style="position:absolute; top:-30[COLOR=Red]px[/COLOR]; left:5[COLOR=Red]px[/COLOR]; color:red; font-size:80px; z-index:2">LAYER 2</div>
<div style="position:absolute; top:40[COLOR=Red]px[/COLOR]; left:-29[COLOR=Red]px[/COLOR]; color:blue; font-size:70px; z-index:2">LAYER 3</div>


</body>
</html>

Now all three layers move and look pretty much the same in IE and FF.

It is always the little things that get you.

ps oh and the pickyness of the doctype is what makes it posible to code that works in different browser with little to no differences between them.

Dan · May 5, 2006

Your site still won't validate with that^

Code:

<!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">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />

That should be your first few lines (or something like that.. depends on the doctype/charset you want..)

Maylin · May 9, 2006

Thank You guys soooo much. I figured out why my stuff wasn't staying the way I wanted to now. It was because I didn't put my div information in my css style sheet. Couldn't find it on the internet, just something someone had to teach me.

Stupid Internet, :td: just tells you a little bit of information, but no examples of where to put it. Now I know how to arrange my sites in css for now on. :tu:

The good news is that the site is html validated, :tu: The bad news is that it doesn't qualify for css validation.:td: I'm just happy to at least have it validated. W3 and it's validator can just shove it, when it comes to the css. It has taken me forever just to get to where I am now, especially since this is my first site that has became validated.:tu: Everyone and everything is just too picky, I'm just happy to get it up and running.:tu:

Your help has been very appreciated, thank you sooo much, you guys helped tremendously. :tu:

Here is my site

www.engrtp.com/mysite...

Doctype moves whole website

Established Member

Account Closed (Disallowed)

Established Member

Established Member

Established Member

Buy my domains.VIP Member

Established Member

Similar threads

We're social

1EGP.com

65wallet.com

oakvillenews.com

cursorprompts.xyz

StoreOfChina.Com

topukcasinos.co.uk

BitBoard.xyz

znm.xyz

JanQuote.com

Awallet.xyz

Pinned

Appreciation

Agreement

Answers

Relevance

Reaction

Status

Feeling