View Full Version : Layout shifting place


mercy
01-18-2006, 03:55 PM
Hey all,

I've got trouble in paradise. I'm working on a pretty simple HTML page, but using the same coding (copy/paste) the two pages still aren't identical. What did I screw up, can anyone point it out for me:

darminjen.mercurial.pri.ee/index.html (http://darminjen.mercurial.pri.ee/index.html)
darminjen.mercurial.pri.ee/toug.html (http://darminjen.mercurial.pri.ee/toug.html)

Ignore the foreign gibberish. :)

Arwen
01-18-2006, 04:41 PM
They look quite similar to me. What's the problem?

salomeyasobko
01-18-2006, 04:44 PM
Hmm.. one thing, in your index.html page, you have two <body> tags.

Remove the <body> right after </head>.. see if that changes anything :)

mercy
01-19-2006, 12:21 PM
They look quite similar to me. What's the problem?

Load them both in the same window and then hit your back button, the layout on the toug.html page shifts place a little.

mercy
01-19-2006, 12:51 PM
Okay, apparently this has something with the text. If I delete the text from the toug.html page then it stays at the exact same spot as the index.html. But as soon as I add the text it shifts place slightly. Massively confusing. Any bright ideas?

mercy
01-19-2006, 01:04 PM
Ugh, forgot how to edit messages on this forum. Ain't I bright.

Anyway, more on my dilemma. The layout shifts place as soon as I insert enough text for the scrollbar to become active. If there's less text than that then the layout stays put. What's going on?

mercy
01-19-2006, 01:12 PM
My edit button has gone for a walk somewhere.

Another new note: it also seems to be a strictly Firefox problem. As in it's peachy on Internet Explorer, no shifting. Ugh. Help!

salomeyasobko
01-20-2006, 03:44 AM
You're only allowed to edit 5 minutes after initially posting your reply.

You still didn't do what i told you to do!

On your index.html page, change the top of your coding FROM THIS:

<html>
<head>
<title>Dar Minjen</title>
<meta name="description" content="Tiibeti mastifi kennel Dar Minjen">
<meta name="keywords" content="Tiibeti mastifi kennel Dar Minjen">
<base target="main">
<style type="text/css">

A:link {text-decoration:none; }
A:visited {text-decoration:none; }</STYLE></head><body>

<body bgcolor="#546DA5" text="#0A315A" link="#0A315A" vlink="#0A315A" alink="#0A315A">
</body>


TO THIS:


<html>
<head>
<title>Dar Minjen</title>
<meta name="description" content="Tiibeti mastifi kennel Dar Minjen">
<meta name="keywords" content="Tiibeti mastifi kennel Dar Minjen">
<base target="main">
<style type="text/css">

A:link {text-decoration:none; }
A:visited {text-decoration:none; }</STYLE></head>

<body bgcolor="#546DA5" text="#0A315A" link="#0A315A" vlink="#0A315A" alink="#0A315A">


and then in your toug.html page change it FROM THIS:

<html>
<head>
<title>Dar Minjen</title>
<meta name="description" content="Tiibeti mastifi kennel Dar Minjen">
<meta name="keywords" content="Tiibeti mastifi kennel Dar Minjen">
<base target="main">
<style type="text/css">

A:link {text-decoration:none; }
A:visited {text-decoration:none; }</STYLE></head>

<body bgcolor="#546DA5" text="#0A315A" link="#0A315A" vlink="#0A315A" alink="#0A315A">
</body>

TO THIS:

<html>
<head>
<title>Dar Minjen</title>
<meta name="description" content="Tiibeti mastifi kennel Dar Minjen">
<meta name="keywords" content="Tiibeti mastifi kennel Dar Minjen">
<base target="main">
<style type="text/css">

A:link {text-decoration:none; }
A:visited {text-decoration:none; }</STYLE></head>

<body bgcolor="#546DA5" text="#0A315A" link="#0A315A" vlink="#0A315A" alink="#0A315A">

the red is what you messed up, and it's what i changed. it may not directly fix your problem but your coding is incorrect, so it's best to fix this now and prevent different problems later!

mercy
01-20-2006, 04:12 AM
Thanks, fixed it yesterday when I noticed it. But my edit button -is- gone.
The difference in body tags didn't fix the problem, guessing it's just Firefox being a dolt. Oh well, sucks for me. :)