Link to home
Start Free TrialLog in
Avatar of nsitedesigns
nsitedesignsFlag for United States of America

asked on

Position of graphical element below div

How do I position the paper fold below the text box, flush left of box_tan_text div

Here is a screen shot of the layout in PS.  This is where I want it to be located.
http://screencast.com/t/0rU3fLAb

Here is beta html
http://nsitedesigns.com/nsitedesigns/cbrf/test.html
Avatar of COBOLdinosaur
COBOLdinosaur
Flag of Canada image

I doubt that you are going to get that right column to go to a height greater then that forced by content with a transitional doctype.  You might get it to go with xhtml strict, but HTML5 would be a better choice.

Cd&
SOLUTION
Avatar of Robert Schutt
Robert Schutt
Flag of Netherlands image

Link to home
membership
This solution is only available to members.
To access this solution, you must be a member of Experts Exchange.
Start Free Trial
You may be right in general Cd& but it works for me, I just saved the page and edited it. I use IE8 by the way...

EDIT: just tested with FF and Chrome, and it still holds up.
robert,

That will hold up as long as it is a static page with a fix resolution.  However user settings for the font  could result in a overflow because the height is fixed.  Might be better using em instead of px; but it is still not going to be fluid or flexible.

Cd&
Agreed, but it does seem to be an intro page that may not need full flexibility. That would need a lot more work, probably only worth it if it's gonna be a template for more than 1 page.
ASKER CERTIFIED SOLUTION
Link to home
membership
This solution is only available to members.
To access this solution, you must be a member of Experts Exchange.
Start Free Trial
Avatar of nsitedesigns

ASKER

wow , lots to ponder.  let me get back to you
Robert, your solution gave me a nice tan box but the bottom "arrow" image was not incorporated.

Padas, you solution requires that I learn a completely new technique for building websites.  While I appreciate all the time you spent working on it, I really don't understand it.

Perhaps the best solution would be to simply replace the text box with an image so there would be 4 images at the top of the home page.

Here is new beta page
http://nsitedesigns.com/nsitedesigns/cbrf/2.html
I don't see a 4th image in your new document.

Maybe I missed something in my description of changes. I have put my test file on-line and tested again, this time with IE9, FireFox, Chrome and Safari; all ok.

If you are still interested, see here: http://schutt.nl/ee/Q_27985311/Q_27985311.htm 

Of course the remarks of the other experts may steer you in another direction regardless of whether it's possible, in that case ignore this please.
Padas, you solution requires that I learn a completely new technique for building websites.  While I appreciate all the time you spent working on it, I really don't understand it.
Within the last week I have helped several people with similar issues and they all had to do with coding only based within their knowledge.   I push the grid systems because they do really help you with your structure and things like what you are asking become a lot easier with better structure.  The takeaway is a short term learning curve saves huge amount of time later.   Think about how much time you have spent on this.  That sample took me 15 minutes to put together and it did exactly what you asked for.

Anyway, the thing with html is there are multiple ways to get to the same visual experience and that paper fold is not going to make or break the site.  Good luck and make sure to check your errors.   http://validator.w3.org/check?uri=http%3A%2F%2Fnsitedesigns.com%2Fnsitedesigns%2Fcbrf%2F2.html&charset=%28detect+automatically%29&doctype=Inline&group=0
Robert,

I was suggesting that maybe I should create an image instead of the tan text box.  I link you provided does show the bottom arrow.  Let me see if I messed up on my code.
maybe I should create an image instead of the tan text box
o sorry, I thought you meant it was already supposed to be there...

Any luck on finding out whether you still want/need to do that?
sorry been in meetings most of today.  will research tomorrow.