Vraag & Antwoord

Webdesign (HTML, CSS, Flash)

Iframe automatisch groote wil niet lukken

Anoniem
None
3 antwoorden
  • Hallo ik ben nou met een site bezig allemaal heel mooi en aardig alleen nou zit ik even met een paar iframe's. De breedte wil gewoon 100& alleen de hoogte wil dat niet. Hieronder staan de codes.

    style.css
    [code:1:4f21082773]
    body { margin:20px 40px; font-size:0.9em; font-family: "Myriad Pro", "Trebuchet MS", Arial; font-size:14px; border:1px solid #000; background: url(images/bckg.jpg) repeat-x fixed top #8fe909; }
    a { color:#64a520; text-decoration:none;}
    a:hover { text-decoration:underline;}
    p { padding: 0 10px 5px 10px; }
    h1 { text-transform:uppercase; font-size:18px; color:#fff; }
    h1 span { background-color:#477b1d; padding:0 10px;}

    #top { height:30px; background-color:#477b1d;border-bottom:4px solid #000; }
    #name { float:left; border-left:20px solid #70c32e; border-right:20px solid #70c32e;}
    #name a{ color:#fff; font-weight:bold; font-size:24px; text-transform:uppercase; background-color:#70c32e; text-decoration:none;}
    #split { float:left; height:30px; width:20px; border-left:3px solid #000000;}
    #slogan { float:left; color:#fff; text-transform:uppercase; padding:3px 0 0 10px;}
    #contact_us{ float:right; background-color:#7abb37;height:20px; padding:2px 5px;}
    #contact_us a { color:#fff; text-transform:uppercase; text-decoration:none; }
    #logo { background:url(images/head_bckg.jpg) no-repeat #78ce31;}
    #logo_text { float:right; width:200px; height:80px; margin:40px 20px 53px 0; font-family: Tahoma, Arial; font-size:11px; color:#fff; padding:10px; font-weight:bold; }
    #menu { height:21px; width:600px; margin: 0 auto; clear:both; border:0px solid #a8f534; text-align:center; color:#fff; padding-top:4px;}
    #menu a { color:#fff; font-size:14px; text-transform:uppercase; font-weight:bold; text-decoration:none; margin:0 20px; margin-top:3px;}
    #menu a:hover{ color:#d4ffa1}
    .item img { background-color:#fff; padding:6px; border:1px solid #d0d0d0;}
    .description { display:block; float:right; width:220px; padding: 10px 20px 20px 0; line-height:12px; font-family:Tahoma, Arial;}
    p.additional { margin:0 10px; color:#9c9c9c; font-size:10px; line-height:12px; border-top:1px solid #bdbdbd; padding: 10px 0; font-weight:normal; font-family:Tahoma, Arial;}

    #text { margin: 0 292px 0 0; padding:10px;}
    #text li { list-style:none; padding-left:20px; background:url(images/li.gif) no-repeat 0px 4px;line-height:18px;}
    #sidebar { float:right; width:245px; padding: 20px 20px 0 30px; font-size:10px; }
    #sidebar a{ font-weight:bold; }
    #sidebar h2 { margin:0; padding:0 0 20px 0; text-transform:uppercase; color:#000; font-size:18px;}

    #main { float:left; background:url(images/sidebar_bckg.gif) no-repeat top right #fff; }
    #footer { background:url(images/footer_bckg.gif) repeat-x #000; height:55px; clear:both; }
    #left_footer { float:left; padding:20px 0 0 30px; color:#fff; font-size:12px;}
    #left_footer a { color:#fff;}
    #left_footer a:hover { text-decoration:none;}
    #right_footer { float:right; padding:20px 30px 0 0; color:#fff; font-size:12px; text-align:right;}
    #right_footer a { color:#fff;}
    [/code:1:4f21082773]

    pagina met iframe
    [code:1:4f21082773]
    <!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>
    <!– Author: Reality Software Website: http://www.realitysoftware.ca Note: This is a free template released under the Creative Commons Attribution 3.0 license, which means you can use it in any way you want provided you keep the link to the author intact. –>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /><title>Chatbox</title>

    <link href="style.css" rel="stylesheet" type="text/css" />
    </head>


    <body>
    <!– header –>
    <div id="top">
    <div id="name"><a href="#">De Computer Site</a></div>
    <div id="split"></div>
    <div style="border-top: 6px solid rgb(122, 187, 55); background-color: blue;">
    <div id="slogan">De site voor elke computer gebruiker</div>
    </div>
    </div>
    <div id="logo">
    <div id="logo_text"> </div>
    <div id="menu">
    </div>
    </div>
    <!–end header –><!– main –>
    <div id="main">
    <div id="sidebar">
    <h2>Menu</h2>
    <a href="index.html">Startpagina</a><br />
    <a href="page1.html">Chatbox</a><br />
    <a href="page2.html">E-Cards</a><br />
    <a href="page3.html">Forum</a><br />
    <a href="page4.html">Gastenboek</a><br />
    </div>
    <div id="text">
    <h1><span>Chatbox</span></h1>
    <p><iframe src="http://computersite.vuurvos.x10hosting.com/x7chat2" name="frame1" scrolling="auto" frameborder="no" align="center" height = "100%" width = "100%">
    </iframe></p>
    </div>
    </div>
    <!– end main –><!– footer –>
    <div id="footer">
    <div id="left_footer">© Copyright 2008 <b>Compus</b></div>
    <div id="right_footer"><!– Please do not change or delete this link. Read the license! Thanks. :-) –>
    Design by <a href="http://www.realitysoftware.ca" title="Website Design"><strong>Reality Software</strong></a>
    </div>
    </div>
    <!– end footer –>
    </body></html>
    [/code:1:4f21082773]

    Ik hoop dat iemand mijn hiermee kan helpen.
  • Ik heb verder weinig ervaring met Iframes maar ik zou sowieso hier ff de spaties uit halen:[code:1:db3e7b89f4]height = "100%" width = "100%"[/code:1:db3e7b89f4]
    Daarnaast waarom zou je dat niet regelen via je css?
  • [quote:4dd4b49d2e="Drewster"]Ik heb verder weinig ervaring met Iframes maar ik zou sowieso hier ff de spaties uit halen:[code:1:4dd4b49d2e]height = "100%" width = "100%"[/code:1:4dd4b49d2e]
    Daarnaast waarom zou je dat niet regelen via je css?[/quote:4dd4b49d2e]

    Oh oke maar hoe moet dat dan via die CSS?

Beantwoord deze vraag

Dit is een gearchiveerde pagina. Antwoorden is niet meer mogelijk.