I-frame Alignment ? How I do it ?

Discussion in 'HTML & Website Design' started by Cynic, Jul 13, 2011.

0
  1. #1 
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Untitled Document</title>
</head>


<body>
<iframe id='bframe'  name='bframe' src='http://www.fatcatrewards.com/uk/bonuscash/?l=50' align="left" style='border: 0pt none ; left: -616px; top: -211px; position: absolute; width: 1024px; height: 649px;' scrolling='no'></iframe>


</body>
</html>
    HTML:
    Hey there

    I'm basically trying to align this iframe to the right so I can input another similar iframe to the left . I'd appreciate any help you html warriors can provide ?
     
    Cynic, Jul 13, 2011 IP
  2. getadviced

    getadviced Well-Known Member

    Messages:
    557
    Likes Received:
    21
    Best Answers:
    0
    Trophy Points:
    130
    #2
    remove those absolute positions, Code for 2 iframes with 500px width aligned side by side.
    whole site aligned to center. remove the style for body if u don't need it.

    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Untitled Document</title>
</head>
<style>
body{
width:1000px;
margin:0 auto;
}
</style>

<body>
<iframe id='bframe'  name='bframe' src='http://www.fatcatrewards.com/uk/bonuscash/?l=50' align="left" style='border: 0pt none ; float:left; width: 500px; height: 649px;' scrolling='no'></iframe>
<iframe id='bframe'  name='bframe' src='http://www.fatcatrewards.com/uk/bonuscash/?l=50' align="left" style='border: 0pt none ; float:left; width: 500px; height: 649px;' scrolling='no'></iframe>


</body>
</html>
    HTML:
     
    getadviced, Jul 13, 2011 IP