Vraag & Antwoord

Webdesign (HTML, CSS, Flash)

Iframe automatisch groote wil niet lukken

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

Weet jij het antwoord op deze vraag? Registreer of meld je aan met je account

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