Banner

Sponsor

Login


Welcome Back!
Guest
Guest

Register

Lost your password?

50 users online



DOCTYPE generating extra space

DOCTYPE generating extra space

Currently viewing this thread: 1 (0 members and 1 guests)


Page 1 out of 3
sparky

sparky

I need a haircut
Status: Offline!

DOCTYPE generating extra space

http://www.brilla.org/layout.html

and

http://www.brilla.org/layout.php

only difference is the first line. the second (layout.php) has a DOCTYPE line, XHTML 1.0 Strict. along with it comes a big ugly space at the bottom, underneath my footer.

is my DOCTYPE wrong? somewhere else i blew it? anything?

___________________

Jon Culver Chia Pets

Sykil

Sykil

Neversidian
Status: Offline!

Well they both look EXACTLY the same. And no your doctype is not wrong.

___________________

http://imagegen.last.fm/artist/artists/Sykil.gif
Free-Speed Nation

Last edited by Sykil, January 9th, 2004 07:02 PM (Edited 1 times)

James

James

Development Forum Leader
Status: Offline!

If I was a HTML validator, I wouldn't validate that page...

___________________

irc.efnet.net #neverside
Neverside merchandise!

evan

evan

Neverside Newbie
Status: Offline!

The HTML document doesn't even have a DOCTYPE

James

James

Development Forum Leader
Status: Offline!
Quote:

Originally posted by akdov
The HTML document doesn't even have a DOCTYPE

Did you read his post? One does, one doesn't.

___________________

irc.efnet.net #neverside
Neverside merchandise!

jjing

jjing

Status: Offline!

they have both an ugly spacer as u call it, try resizing that div to the correct height

webarnes

webarnes

Neverside Newbie
Status: Offline!

Try removing : padding: 15px from both. Then see what the difference is.
Also:
<div style="padding: 15px; font-size: 11px; font-family: Tahoma; line-height: 18px;">hey.<p />
Maybe open the paragraph or get rid of it.
William

___________________

http://webarnes.globalwebtech.com/images/zerolarge.gif

Jongo

Jongo

Status: Offline!

<div style="height: 50px; padding: 15px; font-family: Tahoma; font-size: 11px; background-color: #ffffff; background-image: url('foot.jpg'); background-position: bottom right; background-repeat: no-repeat">

Notice bottom right for the position.

sparky

sparky

I need a haircut
Status: Offline!

/me applauds webarnes. thanks buddy.

i don't know why it did that, but i don't ask.

my solution if anyone's interested:

<div style="height: 50px; font-family: Tahoma; font-size: 11px; background-color: #FFF; background-image: url(foot.jpg); background-position: right; background-repeat: no-repeat;"><div style="background: transparent; padding: 15px; float: left;">Brilla Enterprises &copy; 2004. <a href="http://jigsaw.w3.org/css-validator/check/referer">CSS</a> | <a href="http://validator.w3.org/check/referer">XHTML</a></div></div>

___________________

Jon Culver Chia Pets

Sykil

Sykil

Neversidian
Status: Offline!

Unless I'm mistaken, I think you've got the wrong meta also. Try this:

Code:


<meta http-equiv="content-type" content="application/xhtml+xml; charset=iso-8859-1" />

___________________

http://imagegen.last.fm/artist/artists/Sykil.gif
Free-Speed Nation

Page 1 out of 3
Quick Jump:

Main Navigation


Site & Graphic Design by Aeon Tan
Developed by Jeremie Pelletier & Scott Roach


NeverAPI generated this page in 0.0088 seconds.