1. Advertising
    y u no do it?

    Advertising (learn more)

    Advertise virtually anything here, with CPM banner ads, CPM email ads and CPC contextual links. You can target relevant areas of the site and show ads based on geographical location of the user if you wish.

    Starts at just $1 per CPM or $0.10 per CPC.

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