Hi,
To start off I have just started to use CSS and have only been at a few week so I really do not know a lot yet.
<!-- m --><a class="postlink" href="http://img208.exs.cx/img208/879/ieff7hl.jpg">http://img208.exs.cx/img208/879/ieff7hl.jpg</a><!-- m -->
As you can see if you looked at the image, I have 2 screen shoots of the same page one in Firefox and the other in IE 6.0.
I have highlight the area on the Firefox it is the blue area to the right of the box containing the phase "Adult instruction"
I have tried various way to move the iframe over but I have not been able to get moved over.
What I have there is a division that contains 2 iframes. Here is the CSS for the container and the 2 iframes.
#iframe_con {
background-color: #FFFACD;
float:right;
width: 100%;
height: 145px;
}
#iframe_01{
padding-bottom: 5px;
padding-top: 5px;
float:left;
}
p.iframe01 {
font-family: Comic sans MS;
font-size: 20px;
color: black;
background: #FFFACD;
}
#iframe_02{
float:right;
}
p.iframe02 {
font-family: Comic sans MS;
font-size: 20px;
color: black;
background: #FFFACD;
}
Here is the main page where the items are called.
<!-- division for cont -->
<div id="cont">
<div id="iframe_con">
<iframe name="iframe_01" width="48%" height="100%"
src=http://www.webdeveloper.com/forum/archive/index.php/"iframe01.html" frameborder="1"></iframe>
<!-- width="49.5%" height="15%" -->
<iframe name="iframe_02" width="48%" height="100%"
src=http://www.webdeveloper.com/forum/archive/index.php/"iframe02.html" frameborder="1"></iframe>
<!-- width="49.5%" height="15%" -->
</div>
<!-- end division iframe_con -->
If I could I would like to have the space in between the 2 iframes instead of having them right next to each other.
I have other issues with the header but I will create a different post for that.
So can someone assist me here?i wouldnt use iframes anyway, you know divs can have scrollbars automaticaly
#div{
overflow: auto;
}
should make a div automaticaly scroll, that way you can avoid i frames
using divs will then make it easyer to place them correctlyOriginally posted by Fantatier
i wouldnt use iframes anyway, you know divs can have scrollbars automaticaly
#div{
overflow: auto;
}
should make a div automaticaly scroll, that way you can avoid i frames
using divs will then make it easyer to place them correctly
What is shown in the iframes is a webpage, where I post upcoming events and this information is posted on 14 other pages on my website.I do not know how to do this using divisions, to have this information showup on all those pages. With using Iframes I could edit 2 page and have it on all 14 pages. How do I do this using division. I have tried Googling for this but I really do not even what to search for.
The webpages for the iframe are iframe_01.html and iframe_02.html .you forgot to give id's to your iframes, you have only names. names are not recognized by the CSS code lines. If no id allocated,the CSS #class is useless
<iframe name="iframe_01" id="iframe_01"
To start off I have just started to use CSS and have only been at a few week so I really do not know a lot yet.
<!-- m --><a class="postlink" href="http://img208.exs.cx/img208/879/ieff7hl.jpg">http://img208.exs.cx/img208/879/ieff7hl.jpg</a><!-- m -->
As you can see if you looked at the image, I have 2 screen shoots of the same page one in Firefox and the other in IE 6.0.
I have highlight the area on the Firefox it is the blue area to the right of the box containing the phase "Adult instruction"
I have tried various way to move the iframe over but I have not been able to get moved over.
What I have there is a division that contains 2 iframes. Here is the CSS for the container and the 2 iframes.
#iframe_con {
background-color: #FFFACD;
float:right;
width: 100%;
height: 145px;
}
#iframe_01{
padding-bottom: 5px;
padding-top: 5px;
float:left;
}
p.iframe01 {
font-family: Comic sans MS;
font-size: 20px;
color: black;
background: #FFFACD;
}
#iframe_02{
float:right;
}
p.iframe02 {
font-family: Comic sans MS;
font-size: 20px;
color: black;
background: #FFFACD;
}
Here is the main page where the items are called.
<!-- division for cont -->
<div id="cont">
<div id="iframe_con">
<iframe name="iframe_01" width="48%" height="100%"
src=http://www.webdeveloper.com/forum/archive/index.php/"iframe01.html" frameborder="1"></iframe>
<!-- width="49.5%" height="15%" -->
<iframe name="iframe_02" width="48%" height="100%"
src=http://www.webdeveloper.com/forum/archive/index.php/"iframe02.html" frameborder="1"></iframe>
<!-- width="49.5%" height="15%" -->
</div>
<!-- end division iframe_con -->
If I could I would like to have the space in between the 2 iframes instead of having them right next to each other.
I have other issues with the header but I will create a different post for that.
So can someone assist me here?i wouldnt use iframes anyway, you know divs can have scrollbars automaticaly
#div{
overflow: auto;
}
should make a div automaticaly scroll, that way you can avoid i frames
using divs will then make it easyer to place them correctlyOriginally posted by Fantatier
i wouldnt use iframes anyway, you know divs can have scrollbars automaticaly
#div{
overflow: auto;
}
should make a div automaticaly scroll, that way you can avoid i frames
using divs will then make it easyer to place them correctly
What is shown in the iframes is a webpage, where I post upcoming events and this information is posted on 14 other pages on my website.I do not know how to do this using divisions, to have this information showup on all those pages. With using Iframes I could edit 2 page and have it on all 14 pages. How do I do this using division. I have tried Googling for this but I really do not even what to search for.
The webpages for the iframe are iframe_01.html and iframe_02.html .you forgot to give id's to your iframes, you have only names. names are not recognized by the CSS code lines. If no id allocated,the CSS #class is useless
<iframe name="iframe_01" id="iframe_01"