No replies
Mayalaya
Mayalaya's picture
Offline
newbie
Last seen: 9 years 31 weeks ago
Timezone: GMT+2
Joined: 2012-04-15
Posts: 8
Points: 13

Hi.. again :")

I'm asking a lot theese days, but I can't seem to find solutions searching the net (And I've been searching ALL day!)

I'm using an IFrame - because I want content from different links to apear on the same site.
BUT no matter how I try, I can't make my IFrame wider. And I just don't get it..

I've tryed this:

<IFRAME width="700" src="blog_blog.html" frameBorder=0 name=blog scrolling=auto>lgjlgkkfh</IFRAME>

And I've tried this:
<IFRAME width=100% src="blog_blog.html" frameBorder=0 name=blog scrolling=auto>lgjlgkkfh</IFRAME>

But the size keeps on being around 5oopx (or so)

Can you help me find the problem?

The stylesheet for the blog.html looks like this:

/* CSS Document */
 
/* Reset */
 
 
html, body {margin: 0; padding: 0; border: 0; background: transparent; font-size:10px;}
 
div, span, article, aside, footer, header, hgroup, nav, section,
h1, h2, h3, h4, h5, h6, p, blockquote, a, ol, ul, il, 
table, tr, th, td, tbocy, tfoot, thead {
	margin: 0;
    padding: 0;
    border: 0;
    vertical-align: baseline;
    background: transparent;
    }
 
img		{ margin: 0; padding: 0; border: 0; }
 
table, tr, th, td, tbody, tfoot, thead {
		margin: 0; padding: 0; border: 0; 
        vertical-align: baseline; 
        background: transparent;
        }
 
table 	{ border-collapse: collapse; border-spacing: 0; }
 
input, select, textarea, form, fieldset {
		margin: 0; padding: 0; border: 0;
        }
 
article, aside, dialog, figure, footer, header, hgroup, nav, section {
		display: block;}
 
 
h1, h2, h3, h4, h5, h6, p, li, blockquote, td, th, a, caption, em, strong, strike {
	font-famely: Verdana,Geneva,sans-serif;
    font-size: 100%;
    font-weight: normal;
    font-style: normal;
    line-height: 100%; 
    text-indent: 0;
    text-decoration: none; 
    text-aling: left;
    color: #000;
    }
 
 
ol, ul { list-style: none; }
 
 
 
/* Global */
 
html	{ }
body 	{ background-color:#f7f7f5; }
iframe	{ background-color:#FFFFFF; width: 550px; height: 400px; margin-right: auto margin-left: 
 }
 
 
 
 
 
 
/* Headings */
 
h1, h2, h3, h4, h5, h6 {font-weight: bold; color: #000; }
 
h1 	{ font-size:25px; color: #a2060d; 
		padding-bottom: 15px; padding-top: 5px;}
h2 	{ font-size:15px; color: #95ae79;}
h3 	{ font-size:16px;  }
h4 	{ font-size:14px; }
h5 	{ font-size:14px; }
h6 	{ font-size:14px; }
 
h1 img, h2 img, h3 img, h4 img, h5 img, h6 img { margin: 0; }
 
 
 
 
 
 
 
/* Tekst elements */
 
p			{ color: #91968b; font-size:14px; line-height: 120%;
				margin-bottom: 15px; }
p .left	 	{ margin: 1,5 sem 1,5 sem 1,5 sem 0; padding: 0; }
p .right 	{ margin: 1,5 sem 0 1,5 sem 1,5 sem; padding: 0; }
 
a			{ border: none; }
a:link		{ color: #000; }
a:visited	{ color: #000; }    
a:active	{ color: #000; }
a:focus		{ color: #000; }
a:hover		{ color: #a2060d; }
 
blockquote	{color: #000; font-size:12px; }
 
strong		{ font-weight: bold; }
em			{ font-style: italic; }
 
 
 
 
 
 
/* Images */
 
.image_frame		{ padding: 10px; border: 4px #91968b groove; margin: 5px; }
.image_frame_link	{ padding: 10px; border: 4px #a2060d groove; margin: 5px; }
 
 
 
 
/* Scrollbar */
 
.scroll		{ overflow:auto; border: 0px;
				scrollbar-3dlight-color:#ffd700;
				scrollbar-arrow-color:#ff0;
				scrollbar-base-color:#ff6347;
				scrollbar-darkshadow-color:#ffa500;
				scrollbar-face-color:#008080;
				scrollbar-highlight-color:#ff69b4;
				scrollbar-shadow-color:#f0f; 
			}
 
 
 
/* Lists */
ul			{ }
ol			{ list-style-type: decimal; }
 
ul li		{ color: #000; font-size:12px; }
ol li		{ color: #000; font-size:12px; }
 
dl			{ }
dt			{ }
dd			{ }
 
 
 
 
 
 
 
/* Tables */
 
table			{ width: 100%; }
 
tr				{ }
.odd			{ background-color: #eee; }
.even			{ background-color: #fff; }
 
th				{ font-weight: bold; }
thead, th		{ background: #ccc; }
 
tbody			{ }
 
th, td, caption	{ }
caption			{ }
 
tfoot			{ }
.tfooter		{ background-color: #ccc; text-align: center; font-style: italic; }
 
caption			{ background: #efefef; }
 
 
 
 
 
 
 
/* Containers */
 
	/* home */
 
#space			{ height: 1160px; width: 960px; margin: 20px auto 20px auto; background-color:#FFF; }
.border			{ border: 1px; border-style:outset; border-color:#999}
 
#paper			{ width: 900px; margin: 20px auto 20px auto; background-color:#FFF }
 
#fb			{ clear: both; float:right; padding-bottom: 15px; }
 
#banner			{ padding: 0 0 40px 0;   }
.center			{ margin: 0 auto; }
 
 
#menu 			{  }
#menu ul		{ padding: 0 0 15px 0px; }
 
#news			{ clear: right; width: 145px; height: 440px; float:left; padding-right: 25px; padding-left: 25px; padding-top: 20px; 						
					border-top: 1px #a2060d solid; border-right: 1px #95ae79 solid; }
 
 
#content		{ 20px; width: 663px; height: 450px; float: right;  border-top: 1px #a2060d solid; padding-top: 20px; padding-left: 40px;}
 
 
#deviant-art	{ clear:both; float: left; padding-bottom: 15px; padding-top: 33px;  }
 
#newsletter		{ clear: both; padding-bottom: 15px;  }
 
#footer			{ clear: both; padding-top: 15px; border-top: 1px #91968b solid; }	
 
 
 
 
	/* blog */
 
 
 
 
 
#paper_blog		{ width: 500px; background-color: #FFF; margin: 0 auto 0 auto;}
#blog			{ width: 683px; height: 450px; float: left;  border-top: 1px #a2060d solid; padding-top: 20px; padding-left: 20px;}
#blog p			{ padding-left: 70px; }
 
 
#blog_menu		{ width: 145px; height: 450px; float:right; padding-right: 25px; padding-left: 25px; padding-top: 0px; 						
					border-top: 1px #a2060d solid; border-left: 1px #95ae79 solid; }
#blog_menu h2	{ color: #95ae79; font-size: 18px; font-weight: bold; padding-bottom: 5px; padding-top: 20px;}
 
 
 
 
 
 
 
/* Layout extra */
 
/* Menu */
 
 
/* Forms */
 
form	{ text-align:left; margin:20px; }
 
label, submit, input, textarea { 
		border: 0; padding: 0; margin: 0; background: none;
		}
 
label	{float: left; width:150px;
		text-align: right; display: block;
		}
 
input, textareas
		{border: 1px; #000 solid; margin-left: 10px;
		}
 
input	{
		width: 280px; margin-bottom: 16px;
		}
 
textarea {
		width: 280px; height: 150px;
		margin-bottom: 16px;
		}
 
select	{ }
.submit	{
		width: 90px; height: 25px;
		margin-left: 25px;
		font-size: 12px;
		}
 
br		{ clear: left; }
 
 
 
/* Miscellaneous */
 
.date				{ color: #a2060d; font-style: italic; font-size: 10px; margin-bottom: 3px;}
.news				{ font-style: normal; font-size: 12px;}
 
.blog_menu_1			{ color: #a2060d; font-weight: bold; font-size: 12px; margin: 0 auto 10px auto; padding-left: 10px; }
.blog_menu_1 a:link		{ color: #a2060d; font-weight: bold; font-size: 12px;}
.blog_menu_1 a:visited	{ color: #a2060d; font-weight: bold; font-size: 12px;}
.blog_menu_1 a:hover	{ color: #95ae79; font-weight: bold; font-size: 12px;}
 
.iframe					{ background-color:#FFFFFF; width: 550px; height: 400px; margin-right: auto margin-left: 
 }
 
.copyright-text		{ font-size: 80%; font-style: italic; color: #ccc; }
.footer-text		{ font-size: 100%; font-style: italic; text-align: center; }
 
.title				{ font-size: 18px; font-weight: bold; color: #333; }
.subtitle			{ font-size: 18px; font-weight: bold; color: #333; }
 
.artist				{ font-size: 18px; font-weight: bold; color: #333; }
.author				{ font-size: 18px; font-weight: bold; color: #333; }
.editor				{ font-size: 18px; font-weight: bold; color: #333; }
 
.float-right		{ float: right; }
.float-left			{ float: left; }
.clear				{ clear: both; }
 
.hide				{ display: none; }
.block				{ display: block; }
.inline				{ display: inline; }

The stylesheet for the IFrame content looks like this:

/* CSS Document */
 
/* Reset */
 
 
html, body {margin: 0; padding: 0; border: 0; background: #transparent; font-size:10px;}
 
div, span, article, aside, footer, header, hgroup, nav, section,
h1, h2, h3, h4, h5, h6, p, blockquote, a, ol, ul, il, 
table, tr, th, td, tbocy, tfoot, thead {
	margin: 0;
    padding: 0;
    border: 0;
    vertical-align: baseline;
    background: transparent;
    }
 
img		{ margin: 0; padding: 0; border: 0; }
 
table, tr, th, td, tbody, tfoot, thead {
		margin: 0; padding: 0; border: 0; 
        vertical-align: baseline; 
        background: transparent;
        }
 
table 	{ border-collapse: collapse; border-spacing: 0; }
 
input, select, textarea, form, fieldset {
		margin: 0; padding: 0; border: 0;
        }
 
article, aside, dialog, figure, footer, header, hgroup, nav, section {
		display: block;}
 
 
h1, h2, h3, h4, h5, h6, p, li, blockquote, td, th, a, caption, em, strong, strike {
	font-famely: Verdana,Geneva,sans-serif;
    font-size: 100%;
    font-weight: normal;
    font-style: normal;
    line-height: 100%; 
    text-indent: 0;
    text-decoration: none; 
    text-aling: left;
    color: #000;
    }
 
 
ol, ul { list-style: none; }
 
 
 
/* Global */
 
html	{ }
body 	{ background-color:#FFFFFF; }
iframe	{ background-color:#FFFFFF; width: 550px; height: 400px; margin-right: auto margin-left: 
 }
 
 
 
 
 
 
/* Headings */
 
h1, h2, h3, h4, h5, h6 {font-weight: bold; color: #000; }
 
h1 	{ font-size:25px; color: #a2060d; 
		padding-bottom: 15px; padding-top: 5px;}
h2 	{ font-size:15px; color: #95ae79;}
h3 	{ font-size:16px;  }
h4 	{ font-size:14px; }
h5 	{ font-size:14px; }
h6 	{ font-size:14px; }
 
h1 img, h2 img, h3 img, h4 img, h5 img, h6 img { margin: 0; }
 
 
 
 
 
 
 
/* Tekst elements */
 
p			{ color: #91968b; font-size:14px; line-height: 120%;
				margin-bottom: 15px; }
p .left	 	{ margin: 1,5 sem 1,5 sem 1,5 sem 0; padding: 0; }
p .right 	{ margin: 1,5 sem 0 1,5 sem 1,5 sem; padding: 0; }
 
a			{ border: none; }
a:link		{ color: #000; }
a:visited	{ color: #000; }    
a:active	{ color: #000; }
a:focus		{ color: #000; }
a:hover		{ color: #a2060d; }
 
blockquote	{color: #000; font-size:12px; }
 
strong		{ font-weight: bold; }
em			{ font-style: italic; }
 
 
 
 
 
 
/* Images */
 
.image_frame		{ padding: 10px; border: 4px #91968b groove; margin: 5px; }
.image_frame_link	{ padding: 10px; border: 4px #a2060d groove; margin: 5px; }
 
 
 
 
/* Scrollbar */
 
.scroll		{ overflow:auto; border: 0px;
				scrollbar-3dlight-color:#ffd700;
				scrollbar-arrow-color:#ff0;
				scrollbar-base-color:#ff6347;
				scrollbar-darkshadow-color:#ffa500;
				scrollbar-face-color:#008080;
				scrollbar-highlight-color:#ff69b4;
				scrollbar-shadow-color:#f0f; 
			}
 
 
 
/* Lists */
ul			{ }
ol			{ list-style-type: decimal; }
 
ul li		{ color: #000; font-size:12px; }
ol li		{ color: #000; font-size:12px; }
 
dl			{ }
dt			{ }
dd			{ }
 
 
 
 
 
 
 
 
 
	/* blog */
 
 
#paper_blog		{ width: 500px; background-color: #FFF; }
#blog			{ width: 683px; height: 450px; float: left;  border-top: 1px #a2060d solid; padding-top: 20px; padding-left: 20px;}
#blog p			{ padding-left: 70px; }
 
 
#blog_menu		{ width: 145px; height: 450px; float:right; padding-right: 25px; padding-left: 25px; padding-top: 0px; 						
					border-top: 1px #a2060d solid; border-left: 1px #95ae79 solid; }
#blog_menu h2	{ color: #95ae79; font-size: 18px; font-weight: bold; padding-bottom: 5px; padding-top: 20px;}
 
 
 
 
#blog_1			{ background-color:#95ae79; width: 500px; padding-bottom: 5px; padding-left: 20px; padding-right: 20px; 		
					padding-top: 5px; margin-top: 5px;}
#blog_1 h1		{ color: #FFF; font-weight:bold; font-size: 18px; padding-bottom: 2px;}
#blog_1 h2		{ color: #FFF; font-style: italic; font-size: 12px;}
.rounded_1 		{	-webkit-border-radius: 10px 10px 0px 0px;
					-moz-border-radius: 10px 10px 0px 0px;
					border-radius: 10px 10px 0px 0px;}
 
 
#blog_2			{ background:rgba(238,237,242,0.4); width: 500px; padding-bottom: 5px; padding-left: 20px; padding-right:	
					20px; padding-top: 15px;}
#blog_2 p		{ color: #000; padding: 3px;}
 
 
 
#blog_3				{ height: 11px; background-color:#95ae79; width: 500px; padding-bottom: 0px; padding-left: 20px; padding-right:	
					20px; padding-top: 0px; margin-bottom: 20px; text-align: right;}
#blog_3 a:link		{ color: #FFF; padding-top: 0px; font-size: 10px; font-style: italic}
#blog_3 a:visited	{ color: #FFF; padding-top: 0px; font-size: 10px; font-style: italic}
#blog_3 a:hover		{ color: #FFF; padding-top: 0px; font-size: 10px; font-style: italic}
#blog_3 p			{ color: #FFF; padding-top: 0px; font-size: 10px; font-style: italic}
.rounded_3 			{	-webkit-border-radius: 0px 0px 10px 10px;
					-moz-border-radius: 0px 0px 10px 10px;
					border-radius: 0px 0px 10px 10px;}
 
 
 
/* Miscellaneous */
 
.blog_menu_1			{ color: #a2060d; font-weight: bold; font-size: 12px; margin: 0 auto 10px auto; padding-left: 10px; }
.blog_menu_1 a:link		{ color: #a2060d; font-weight: bold; font-size: 12px;}
.blog_menu_1 a:visited	{ color: #a2060d; font-weight: bold; font-size: 12px;}
.blog_menu_1 a:hover	{ color: #95ae79; font-weight: bold; font-size: 12px;}
 
.hide				{ display: none; }
.block				{ display: block; }
.inline				{ display: inline; }