Freaking vertical line on website

N

Not_the_Norm

I am new at Front Page. I built a website using FP and a purchased template.
For some reason, the first page (home) has a stupid gap on the right side,
and if you expand the view, it turns into a GAP. All of the other pages do
not have the gap. Not being familiar with HTML (I'm a VB person) I can't see
the problem. The website is www.globextele.com.

Any suggestions will be greatly appreciated as this is bumming me out!
 
K

Kevin Spencer

I'm not sure what you're talking about with regards to this "gap." All of
the pages seem to use the same layout, except for, of course, the PDF
documents that are linked to. The layout consists of a table that fills the
entire page, having a width and height both set to 100%. This outer table
has a single row and a single column, with another table inside it, also set
to 100% width and height. This inner table has 3 rows, which contain all of
the content in the page. The top row contains another table in the left
cell. This table is set to a width of 751 pixels. It has a single row with 2
cells, both set to 100% height. The right cell has an image (r1.jpg) as the
background, with the background style set to repeat-x, meaning that the
image (a single-pixel vertical bar) repeats to the edge of the table, which
is the edge of the browser window. The second and third rows of the inner
table (just inside the outer table) contain an image in the second row
(first column), and a series of links in the third (first column).

So, what's the beef?

--
HTH,

Kevin Spencer
Microsoft MVP
..Net Developer
You can lead a fish to a bicycle,
but it takes a very long time,
and the bicycle has to *want* to change.
 
N

Not_the_Norm

Let me 'splain. If you view the entire Home page, there is a vertical white
line on the right of the website. On other pages, the teal colored band
continues to the right with no interruption. Get it? And thanks for taking
the time to describe all the tables and crap. It may help in my
understanding of how this stuff works. Yes, I am being sincere :)
 
S

Steve Easton

On line number 111

Change the width:
<table background="Html/images/t1.jpg" style="background-repeat:no-repeat " WIDTH=285
HEIGHT=100% border="0" cellspacing="0" cellpadding="0">


to:
<table background="Html/images/t1.jpg" style="background-repeat:no-repeat " WIDTH=286
HEIGHT=100% border="0" cellspacing="0" cellpadding="0">


It's off by one pixel.


--
Steve Easton
Microsoft MVP FrontPage
95isalive
This site is best viewed..................
...............................with a computer
 
K

Kevin Spencer

Well, I didn't see any vertical line on the Home page. However, I did look
to see whether there was any difference between the Home Page and the rest.
In IE, I saw no difference. In FireFox, I noticed that the Home Page had a
gap of white at the top, a horizontal gap of about 16 pixels, that did not
appear on the other pages. Upon examining the HTML for all the pages, I
found this difference (in context of the HTML it was placed inside):

<HEAD>
<TITLE>Main</TITLE>
<META HTTP-EQUIV="Content-Type" CONTENT="text/html; charset=windows-1251">
<link rel="File-List" href="index_files/filelist.xml">

<LINK HREF="Html/style.css" TYPE="text/css" REL="stylesheet">
<!--[if !mso]>
<style>
v\:* { behavior: url(#default#VML) }
o\:* { behavior: url(#default#VML) }
..shape { behavior: url(#default#VML) }
</style>
<![endif]--><!--[if gte mso 9]>
<xml><o:shapedefaults v:ext="edit" spidmax="1027"/>
</xml><![endif]-->
</HEAD>
<BODY BGCOLOR=#FFFFFF LEFTMARGIN=0 TOPMARGIN=0 rightmargin="0"
bottommargin="0" MARGINWIDTH=0 MARGINHEIGHT=0>
<p><!--[if gte vml 1]><v:shapetype id="_x0000_t202"
coordsize="21600,21600" o:spt="202" path="m,l,21600r21600,l21600,xe">
<v:stroke joinstyle="miter"/>
<v:path gradientshapeok="t" o:connecttype="rect"/>
</v:shapetype><v:shape id="_x0000_s1025" type="#_x0000_t202" alt=""
style='position:absolute;
left:24.75pt;top:511.5pt;width:322.5pt;height:54.75pt;z-index:1'
fillcolor="red"
stroked="f">
<v:fill color2="fill darken(118)" rotate="t" method="linear sigma"
focus="100%"
type="gradient"/>
<v:textbox>

In the head and at the top of the body is some MS Office markup, which looks
like Word Art translated into VML. This Office markup does not exist in the
other pages. Perhaps if you remove this Office markup, it will behave the
same.

--
HTH,

Kevin Spencer
Microsoft MVP
..Net Developer
You can lead a fish to a bicycle,
but it takes a very long time,
and the bicycle has to *want* to change.
 
S

Stefan B Rusynko

Its also the combination of table and cell bk images in various cells with absolute positioned table that will always cause a
misalignment

--

_____________________________________________
SBR @ ENJOY (-: [ Microsoft MVP - FrontPage ]
"Warning - Using the F1 Key will not break anything!" (-;
To find the best Newsgroup for FrontPage support see:
http://www.frontpagemvps.com/FrontPageNewsGroups/tabid/53/Default.aspx
_____________________________________________


| On line number 111
|
| Change the width:
| <table background="Html/images/t1.jpg" style="background-repeat:no-repeat " WIDTH=285
| HEIGHT=100% border="0" cellspacing="0" cellpadding="0">
|
|
| to:
| <table background="Html/images/t1.jpg" style="background-repeat:no-repeat " WIDTH=286
| HEIGHT=100% border="0" cellspacing="0" cellpadding="0">
|
|
| It's off by one pixel.
|
|
| --
| Steve Easton
| Microsoft MVP FrontPage
| 95isalive
| This site is best viewed..................
| ..............................with a computer
|
| | > Let me 'splain. If you view the entire Home page, there is a vertical white
| > line on the right of the website. On other pages, the teal colored band
| > continues to the right with no interruption. Get it? And thanks for taking
| > the time to describe all the tables and crap. It may help in my
| > understanding of how this stuff works. Yes, I am being sincere :)
| >
| > "Kevin Spencer" wrote:
| >
| > > I'm not sure what you're talking about with regards to this "gap." All of
| > > the pages seem to use the same layout, except for, of course, the PDF
| > > documents that are linked to. The layout consists of a table that fills the
| > > entire page, having a width and height both set to 100%. This outer table
| > > has a single row and a single column, with another table inside it, also set
| > > to 100% width and height. This inner table has 3 rows, which contain all of
| > > the content in the page. The top row contains another table in the left
| > > cell. This table is set to a width of 751 pixels. It has a single row with 2
| > > cells, both set to 100% height. The right cell has an image (r1.jpg) as the
| > > background, with the background style set to repeat-x, meaning that the
| > > image (a single-pixel vertical bar) repeats to the edge of the table, which
| > > is the edge of the browser window. The second and third rows of the inner
| > > table (just inside the outer table) contain an image in the second row
| > > (first column), and a series of links in the third (first column).
| > >
| > > So, what's the beef?
| > >
| > > --
| > > HTH,
| > >
| > > Kevin Spencer
| > > Microsoft MVP
| > > ..Net Developer
| > > You can lead a fish to a bicycle,
| > > but it takes a very long time,
| > > and the bicycle has to *want* to change.
| > >
| > >
| > > | > > >I am new at Front Page. I built a website using FP and a purchased
| > > >template.
| > > > For some reason, the first page (home) has a stupid gap on the right side,
| > > > and if you expand the view, it turns into a GAP. All of the other pages
| > > > do
| > > > not have the gap. Not being familiar with HTML (I'm a VB person) I can't
| > > > see
| > > > the problem. The website is www.globextele.com.
| > > >
| > > > Any suggestions will be greatly appreciated as this is bumming me out!
| > >
| > >
| > >
|
|
 
N

Not_the_Norm

There is a god!!! All hail Steve! OK, perhaps I over estimate, but thanks
dude!
 
S

Steve Easton

Glad to help.

Extremely over estimated.

;-)

--
Steve Easton
Microsoft MVP FrontPage
95isalive
This site is best viewed..................
...............................with a computer
 
R

Rob Giordano \(Crash\)

also be careful not to inadvertantly (or advertantly for that matter)
manually drag/resize table borders


| There is a god!!! All hail Steve! OK, perhaps I over estimate, but
thanks
| dude!
|
| "Steve Easton" wrote:
|
| > On line number 111
| >
| > Change the width:
| > <table background="Html/images/t1.jpg"
style="background-repeat:no-repeat " WIDTH=285
| > HEIGHT=100% border="0" cellspacing="0" cellpadding="0">
| >
| >
| > to:
| > <table background="Html/images/t1.jpg"
style="background-repeat:no-repeat " WIDTH=286
| > HEIGHT=100% border="0" cellspacing="0" cellpadding="0">
| >
| >
| > It's off by one pixel.
| >
| >
| > --
| > Steve Easton
| > Microsoft MVP FrontPage
| > 95isalive
| > This site is best viewed..................
| > ...............................with a computer
| >
| > | > > Let me 'splain. If you view the entire Home page, there is a vertical
white
| > > line on the right of the website. On other pages, the teal colored
band
| > > continues to the right with no interruption. Get it? And thanks for
taking
| > > the time to describe all the tables and crap. It may help in my
| > > understanding of how this stuff works. Yes, I am being sincere :)
| > >
| > > "Kevin Spencer" wrote:
| > >
| > > > I'm not sure what you're talking about with regards to this "gap."
All of
| > > > the pages seem to use the same layout, except for, of course, the
PDF
| > > > documents that are linked to. The layout consists of a table that
fills the
| > > > entire page, having a width and height both set to 100%. This outer
table
| > > > has a single row and a single column, with another table inside it,
also set
| > > > to 100% width and height. This inner table has 3 rows, which contain
all of
| > > > the content in the page. The top row contains another table in the
left
| > > > cell. This table is set to a width of 751 pixels. It has a single
row with 2
| > > > cells, both set to 100% height. The right cell has an image (r1.jpg)
as the
| > > > background, with the background style set to repeat-x, meaning that
the
| > > > image (a single-pixel vertical bar) repeats to the edge of the
table, which
| > > > is the edge of the browser window. The second and third rows of the
inner
| > > > table (just inside the outer table) contain an image in the second
row
| > > > (first column), and a series of links in the third (first column).
| > > >
| > > > So, what's the beef?
| > > >
| > > > --
| > > > HTH,
| > > >
| > > > Kevin Spencer
| > > > Microsoft MVP
| > > > ..Net Developer
| > > > You can lead a fish to a bicycle,
| > > > but it takes a very long time,
| > > > and the bicycle has to *want* to change.
| > > >
| > > >
message
| > > > | > > > >I am new at Front Page. I built a website using FP and a purchased
| > > > >template.
| > > > > For some reason, the first page (home) has a stupid gap on the
right side,
| > > > > and if you expand the view, it turns into a GAP. All of the
other pages
| > > > > do
| > > > > not have the gap. Not being familiar with HTML (I'm a VB person)
I can't
| > > > > see
| > > > > the problem. The website is www.globextele.com.
| > > > >
| > > > > Any suggestions will be greatly appreciated as this is bumming me
out!
| > > >
| > > >
| > > >
| >
| >
| >
 
J

Josh M

I'm seeing a problem with a high resolution monitor (1600x1200).

If you change your <td> references to r1.jpg and r2.jpg to use width="100%"
instead of width="39%" the problem I'm seeing will go away. This is the code
you have on all of your other pages.

Good luck, Josh
 
T

Tom J

Not_the_Norm said:
There is a god!!! All hail Steve! OK, perhaps I over estimate,
but thanks
dude!
Click to expand...

I just viewed to opening page at 800 X 600 and there are items stacked
on top of each other, plus the top left corner won't load in over 10%
of the computers because they have Flash turned off or not loaded. I
didn't bother looking at the code to see why items were loaded on top
of each other.

Tom J
 

Ask a Question

Want to reply to this thread or ask your own question?

You'll need to choose a username for the site, which only take a couple of moments. After that, you can post your question and our members will help you out.

Ask a Question

Similar Threads

problems with website published to my new computer 6
My page is too big. Page size in view does not work. 6
FP form problem 1
problem with vertical drop down menu 10
Error Message when publishing to website 1
a mystery line? 3
FrontPage Good for Business Website? 1
Another local to remote Question 3

Top