Problems with - Post ID 194863

User 184085 Photo


Ambassador
1,707 posts

OK, I'm trying to load one HTML page into another with <object> and it works fine but styling is another thing...

The HTML code
<section id="disclaimer" class="centered">
<object data="content/disclaimer.html" type="text/html">
alt : <a href="content/disclaimer.html">Disclaimer</a>
</object>
</section>


The HTML file that is loaded:
<header>
<h2>WARNING!</h2>
<h3></h3>
</header>
<article>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse ultricies condimentum velit vel scelerisque. Nam id libero sit amet libero ultrices interdum dignissim nec lorem. Maecenas placerat massa sit amet augue interdum rutrum. Fusce vel lectus arcu. Quisque quis elit et lorem suscipit faucibus a ut odio. Proin ut ante consectetur dui mattis pulvinar non quis neque. Proin ultrices lectus vel orci lacinia a iaculis nibh hendrerit. Mauris sagittis aliquam odio vitae pulvinar. Suspendisse id dolor nibh, sed consectetur sem. Phasellus lacinia laoreet sem, ac ultrices libero lobortis quis. Morbi accumsan tempus neque, sed varius lectus molestie imperdiet. Vivamus porttitor facilisis nunc, sed feugiat quam adipiscing ac. Quisque dolor tellus, porta in ultrices sit amet, luctus sed nunc. Quisque sodales scelerisque orci sed ullamcorper. Nunc nisl arcu, dignissim sed tempor eget, blandit a massa. Praesent ut metus enim, in dictum felis. Integer sagittis ipsum eu mauris lacinia rhoncus. Mauris turpis ligula, dapibus nec rhoncus bibendum, tristique eu nunc. Duis dapibus blandit justo et auctor. Nunc non elit vel diam luctus ullamcorper.
Nulla elementum tristique ultricies. Etiam sit amet felis leo, non imperdiet sapien. Suspendisse venenatis, erat ac mollis sagittis, nulla arcu semper felis, a tempus dolor nibh in est. Nullam.
</p>
</article>
<footer>
</footer>


This CSS works

#disclaimer{
position:relative;
margin-top:15px;
width:800px;
height:300px;
background-color:#ffffff;
border:ridge;
border-width:medium;
border-color:#794F35;
}

#disclaimer object{
width:100%;
height:100%;
background-color:red;
}


This CSS does NOT work:
#disclaimer object header{background-color:black; }


I'm really scratching my head on this and probably is a simple solution I just can't see right now. Any help is appreciated... Thanks.
Attachments:
Volunteering to help :)
http://www.tbaygeek.ca
My HTML play area
http://www.tbaygeek.ca/test/
User 122279 Photo


Senior Advisor
14,621 posts
Online Now

My solution: www.fjermeros.net/test2
Ha en riktig god dag!
Inger, Norway

My work in progress:
Components for Site Designer and the HTML Editor: https://mock-up.coffeecup.com


User 184085 Photo


Ambassador
1,707 posts

Just as easy as that... Thank You..Thank You..Thank You..Thank You..Thank You..Thank You..Thank You..Thank You..Thank You..Thank You..Thank You..Thank You..Thank You..Thank You..Thank You..Thank You..Thank You..Thank You..Thank You..Thank You..Thank You..Thank You..Thank You..Thank You..Thank You..Thank You..Thank You..Thank You..Thank You..Thank You..Thank You..Thank You..Thank You..Thank You..Thank You..Thank You..Thank You..Thank You..Thank You..

and thanks :)
Volunteering to help :)
http://www.tbaygeek.ca
My HTML play area
http://www.tbaygeek.ca/test/
User 122279 Photo


Senior Advisor
14,621 posts
Online Now

You are most welcome, welcome, welcome etc etc etc... ;)
Ha en riktig god dag!
Inger, Norway

My work in progress:
Components for Site Designer and the HTML Editor: https://mock-up.coffeecup.com



Have something to add? We’d love to hear it!
You must have an account to participate. Please Sign In Here, then join the conversation.