Using CSS3 to position an iframe inside an iframe

Page 1 of 1

3 Replies - 694 Views - Last Post: 26 March 2012 - 05:55 PM

#1 Nameo0  Icon User is offline

  • D.I.C Head

Reputation: -10
  • View blog
  • Posts: 75
  • Joined: 30-November 09

Using CSS3 to position an iframe inside an iframe

Posted 25 March 2012 - 12:33 AM

Hello, I am having trouble positioning and sizing up iframes in html5 using css3. Here is the current none working code:

html5 (where the iframe is located
<!DOCTYPE html>
<html>
 <head>
  <title> topside
  </title>
 </head>
 <iframe src = "top\profile.html">
 </iframe>
</html>


html5 iframe that I am trying to size and position using ccs3
<!DOCTYPE html>
<html>
 <head>
  <title> profile
  </title>
  <link href= "C:\Users\Nameo0\Desktop\sight\code\Alpha\Alpha .01\CSS\Profile Page\Page Seperator\Top\profile.css" type="text/class" rel = "stylesheet"/>
 </head>
 <body>
 </body>
</html>


css3 for the previous code
body {
 position: relative;
 top: 0px;
 left: 100px;
 background-color: #FFFF00;
}


Only the coloring works and I know that the file destinations are all correct.

Is This A Good Question/Topic? 0
  • +

Replies To: Using CSS3 to position an iframe inside an iframe

#2 Nameo0  Icon User is offline

  • D.I.C Head

Reputation: -10
  • View blog
  • Posts: 75
  • Joined: 30-November 09

Re: Using CSS3 to position an iframe inside an iframe

Posted 25 March 2012 - 12:50 AM

I fixed my error. I was just associating the css3 code with the wrong area in the html code.
Was This Post Helpful? 0
  • +
  • -

#3 Nameo0  Icon User is offline

  • D.I.C Head

Reputation: -10
  • View blog
  • Posts: 75
  • Joined: 30-November 09

Re: Using CSS3 to position an iframe inside an iframe

Posted 25 March 2012 - 12:56 AM

I still need help creating and making height and width values in css3 for the iframe.
Was This Post Helpful? -1
  • +
  • -

#4 revolutionx  Icon User is offline

  • D.I.C Head

Reputation: 60
  • View blog
  • Posts: 229
  • Joined: 23-July 09

Re: Using CSS3 to position an iframe inside an iframe

Posted 26 March 2012 - 05:55 PM

You are not using HTML5 or CSS3 anywhere. You have the HTML5 docype - and that's it.

You can do the following:

<iframe src="page-here.html" width="1000" height="1000"></iframe>

Was This Post Helpful? 0
  • +
  • -
Page 1 of 1