reckless_ronin
New member
Hello,
I'm looking to embed multiple html files into master html page.
Simply put, I am making a sort of template page for a multi-page site that includes a banner, menu, main content area, and footer. These are all being positioned using an external CSS file. What I want to do is have each of those 4 elements on a master html file so that if I decide to make any changes in the future it will be relatively easy. I have been using the <object> tag to pull the external files into the main page, but the problem is when I start using {position} statements for telling the <objects> where to go.
Without using {position} everything loads up beautifully, but not where I want them to go. When I use {position} the objects themselves go where I want, but the content that's in them is scrolled off to the side and the bottom with ugly horizontal and vertical scroll bars. I have used {overflow: hidden} but that doesn't do anything. I've also set the dimensions of the object to be much larger than I want them to be, but the scroll bars are still there.
Since I haven't got too deep into development, replacing the <object> tags with something else will not be a problem for me. My only real understanding when it comes to web coding are CSS/HTML, but if there's a simple javascript or php snippet I can throw in that will work I'd be a happy camper.
Thanks
Adam Lawton
I'm looking to embed multiple html files into master html page.
Simply put, I am making a sort of template page for a multi-page site that includes a banner, menu, main content area, and footer. These are all being positioned using an external CSS file. What I want to do is have each of those 4 elements on a master html file so that if I decide to make any changes in the future it will be relatively easy. I have been using the <object> tag to pull the external files into the main page, but the problem is when I start using {position} statements for telling the <objects> where to go.
Without using {position} everything loads up beautifully, but not where I want them to go. When I use {position} the objects themselves go where I want, but the content that's in them is scrolled off to the side and the bottom with ugly horizontal and vertical scroll bars. I have used {overflow: hidden} but that doesn't do anything. I've also set the dimensions of the object to be much larger than I want them to be, but the scroll bars are still there.
Since I haven't got too deep into development, replacing the <object> tags with something else will not be a problem for me. My only real understanding when it comes to web coding are CSS/HTML, but if there's a simple javascript or php snippet I can throw in that will work I'd be a happy camper.
Thanks
Adam Lawton