Dreamweaver - odd b/g glitch...

Author

odd b/g glitch...

r_tist

2005-09-14, 7:34 pm

Need to sort this glitch detail out...

My top striped bar appears as I want it on the homepage. On the subpage, it
breaks up a bit; but only in IE. -- but only on the subpage. When I checked the
HTML, everything is matching up fine. (this is a CSS based b/g though).
How can I correct this glitch?! It seemed to occur when I merged 2 table cells
that were further down the page. Still...that shouldn't have anything to do
with it.
Please advise:
Here's the subpage w/ the glitch...click on the home button to see how I want
it:
http://www.fasttag.com/fasttagtablecode/cohesive.html

Many thanks!
Christine

darrel

2005-09-14, 7:34 pm

> Still...that shouldn't have anything to do
> with it.

It probably has everything to do with it. Turn on your table borders and
take a look.

-Darrel

Osgood

2005-09-15, 7:20 am

Move the background image into this css style, like below. Use
background-repeat: repeat-x;, as shown.

..outsideborder {
border-top: 1px solid #283B69;
border-right: 1px solid #283B69;
border-bottom: 3px solid #283B69;
border-left: 1px solid #283B69;
background-image: url(topbar.jpg);
background-repeat: repeat-x;
}

Then delete this css from your stylesheet.

..topbar {
background-image: url(images/topbar.jpg);
background-repeat: repeat;
}

r_tist wrote:

> Need to sort this glitch detail out...
>
> My top striped bar appears as I want it on the homepage. On the subpage, it
> breaks up a bit; but only in IE. -- but only on the subpage. When I checked the
> HTML, everything is matching up fine. (this is a CSS based b/g though).
> How can I correct this glitch?! It seemed to occur when I merged 2 table cells
> that were further down the page. Still...that shouldn't have anything to do
> with it.
> Please advise:
> Here's the subpage w/ the glitch...click on the home button to see how I want
> it:
> http://www.fasttag.com/fasttagtablecode/cohesive.html
>
> Many thanks!
> Christine
>
>

r_tist

2005-09-15, 7:19 pm

Hi,

When I delete .topbar { ...
I get a void blank white space after the gradient bits (where the solid
stripes should continue to the edge of the border (on the right).
It also winds up affecting the bottom bar which was fine, as is.
So I've left in the new outsideborder { ...
But I've also kept in .topbar {....
Which basically leaves it as it was with the slight gaps on the cohesive page.
Do you have any other suggestions, even if it means creating another CSS
custom class?
When I went into table mode, I noticed nothing odd when comparing with the
home page.

Thanks!

r_tist

2005-09-15, 7:19 pm

A-ha! Got it...

What I needed to do was delete the excess copy I had at the bottom and backspace up (which I needed to do anyway).
This sorted the issue.

Thanks!