Alignment & sizes off..whoa am I confused

Freeway
1

I need help! I am constructing a page and weird things are happening. Here’s the url: http://atisolutions.safire.com/index.html

The horizontal dark blue bands at the top and the bottom and the imported gif of the faded blueprint in the background should all be the same width, as I initially constructed them that way (1080px) However, in the inspector dimensions it says the top blue bar is 1092px, the middle blueprint gif is 1069px, and the bottom blue bar is 1082 px. To my eye, in FWP they look all the same width, and when measured with an computer ruler (Free Ruler, cool tool) they are all 1080px, which is what I wanted. I created the dark blue bands in FW. What is going on? I am trying to align them so they look like one box but finding it hit and miss. What am I missing? Is this the child/ parent relationship (in FW that is) that I still am not sure about?

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

2

The top bar is 1081, the gif 1085 and the bottom bar is 1082 - on the web.

What effect are you trying to create as there may be a better/easier way to do it rather than just used 3 graphics plonked on the page.

David

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

3

I want the top and bottom bars to be capping the middle gif, like fat top and bottom borders. I don’t want any gap anywhere.

Why are the dimensions so far off in Freeway? How can I make them all the same? When I put the same number in the dimension box for each one (1080 px) they look way off, not at all the same width.

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

4

This is what I see in your code

topbluebar" style="position:absolute; width:1092px; top:-11px; right:-12px; height:50px; z-index:2">
		<img src="Resources/topbluebar.gif" border="0" width="1081" height="50" alt="topbluebar" style="float:left"/>
	</div>
	<div id="blueprintweb" style="position:absolute; left:1px; top:38px; width:1071px; height:1180px; z-index:3">
		<img src="Resources/blueprintweb.gif" border="0" width="1085" height="1182" alt="blueprintweb" style="position:relative; left:-2px; top:-2px; float:left"/>
	</div>
	<div id="bottombluebar" style="position:absolute; left:0px; top:1176px; width:1082px; height:51px; z-index:4">
		<img src="Resources/topbluebar.gif" border="0" width="1082" height="51" alt="bottombluebar" style="float:left"/>

So the topbluebar is actually positioned off the page to the left and the top - see the negative numbers.

Similarly the middle gif container (blueprintweb) is 1px in from the LHS

With these items selected, look in the inspector

All of them should have 0 in the left position and the topbluebar should have 0 in the vertical one.

D

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

5

I aligned all to 0px from LHS, that lined them up better.

I also went to “Transform> scale” and saw that the items were not 100%, -one was 99% x /100%y and the other items on the page were also not 100/100. I changed all items to 100% for x and y and voila it’s working. But I am not sure what I’m doing. It seems like Transform overides whatever I am trying to do directly to the graphic…is this why the dimensions in the inspector didn’t match the uploaded page?

Also, can you explain to me how I can tell without checking the source, if an item is off the page? The little “handles” on the box looked like it was on the page, when in effect it was not. Even when I moved it manually it didn’t seem off. Is there some invisible indicators I am not aware off?

Thanks Dave

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

6

One other note: After aligning these all to 0 LHS, the right hand side dimension in inspector said -2 or -1 for the different items. But the page is 1080 px wide and all the items are 1080px wide so shouldn’t both LHS and RHS indicate in Inspector 0?

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

7

In answer to my last post, I just figured it out. I had a thin 1pt line around the gif. When I removed that the alignment was 0 right, 0 left. Ahhhh…it’s all in the details.

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