HTML container within a container

Freeway
1

Hi, this problem has been bugging me for a very long time so I thought I’d ask if anyone knows the solutions.

I have created an HTML container that will hold a title and a bit of text.

Within the main container I create a title container (HTML) and text container (HTML).

I now want the main container to have a border, and the title container to have a background colour the same as the border.

However I try, there is always a 1 pixel gap that I don’t want to the right of the title container. See this image for an example:

http://79.170.40.54/atkarcorporation.com/images/border.jpg

What’s the solution???

Thanks

john

freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

2

Can you post a link to the actual HTML version of this? I can see the problem, and there’s a possible reason for it, but I can’t quite imagine why it would be the case. If you don’t have this site hosted somewhere yet, then follow these steps:

  1. Preview in Browser
  2. View Source (in the browser)
  3. Select all, copy
  4. Go to http://pastie.org and paste. Set the type picker in Pastie to HTML, press the Paste button at the bottom of the screen, and then select and copy the URL that Pastie returns to you, something like http://pastie.org/12345
  5. Reply to this message with that URL.

Walter

freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

3

Hi Walt,

The page is at:

http://79.170.40.54/atkarcorporation.com/theteam.html

Thanks!

freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

4

Okay, this should be pretty easy to fix. Go into the File / Document
Setup dialog, and click the Output tab. Un-check “Reinforce Tables”
and close the dialog. Publish again and see if the problem is gone. If
that doesn’t fix it, then the easiest way to solve this will be to add
a background image to the outer HTML box to create the stripe. Make a
swatch of green the correct heigh x 25px wide. Save it as a GIF, and
then click on the outer box and switch to the Style tab in the
inspector. Apply that image as a background, set to tile horizontally
and not to tile vertically. You should see your stripe, and it will be
completely bulletproof. The only issue will come when the page is
printed (the header will be white-on-white, since backgrounds by
default do not print), but then you have much larger issues in that
case anyway, since your scrolled area will cut off the bulk of the
page content.

Walter

On May 13, 2010, at 10:58 AM, johnrob wrote:

Hi Walt,

The page is at:

http://79.170.40.54/atkarcorporation.com/theteam.html

Thanks!

freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

5

Well I never knew what “Reinforce tables” meant or did, but that has fixed it!

Thanks again!

I don’t suppose you know if there is any way to style the browser scroll bar, which in IE is horrible.

If not, you’ve solved the initial problem.

freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

6

Yes, but I don’t particularly recommend this. It is possible to style
the scroll bar to the point that the average user will not recognize
it or what it does. This is a support and usability nightmare. IE
users are used to that horrible scroll bar, and would feel awkward
around a Mac OS browser control. As one expert once quipped, “whatever
you’re used to, using the other is like wearing someone else’s
underpants”.

Walter

On May 13, 2010, at 11:13 AM, johnrob wrote:

I don’t suppose you know if there is any way to style the browser
scroll bar, which in IE is horrible.

freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

7

Hmm - point taken, but I’d still like to play with it. Is there an action or shall I just google it?

freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

8

Actually may have spoken too soon - the pixel problem above is fixed in IE 7 but not in Safari.

So I suppose the only solutions is the more complicated gif route.

freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

9

The only action is for completely replacing the browser bars with
JavaScript controls. There are loads of CSS rules for IE only that can
change the scroll bars. Google is your friend for those. Your CSS will
no longer be valid, but you can always add this as an external
stylesheet, and use the IE conditional comments to only show it to
those who need it.

<!--[if IE]>
<style type="text/css" media="screen">
	p.clip_name:first-child, div.node_eyebrow {
		background: url(../Resources/icns/50percent.gif) repeat;
	}
</style>
<![endif]-->

(That’s how I substitute a dithered 50% black gif for a 60% black 24-
bit PNG so the lesser browsers still see something similar to what I
intended.)

Walter

On May 13, 2010, at 11:26 AM, johnrob wrote:

Hmm - point taken, but I’d still like to play with it. Is there an
action or shall I just google it?

freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

10

Try force-reloading your browser (option + click reload, shift + click
reload) or empty your cache (Safari / Empty Cache from the main menu)
and see if that fixes it in both. If it works in IE then it should
definitely work in Safari.

Walter

On May 13, 2010, at 11:38 AM, johnrob wrote:

Actually may have spoken too soon - the pixel problem above is fixed
in IE 7 but not in Safari.

So I suppose the only solutions is the more complicated gif route.

freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

11

Nope - see for yourself if you have access to Windows 7 (on XP)

http://79.170.40.54/atkarcorporation.com/theteam.html

freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options