Can I use CSS to format frames?
In my html, I design the frames section with rows and columns, but I would like to use CSS to set height, width, borders, etc.
Is this possible?
Thanx.yes...don't see why its not..
Well, when I attempt this, I do the following:
HTML
<frameset rows="50,*,50">
<frame name="top1" noresize scrolling="no" src=http://www.webdeveloper.com/forum/archive/index.php/"a.htm">
<frame name="mid1" noresize scrolling="no" src=http://www.webdeveloper.com/forum/archive/index.php/"b.htm">
<frame name="bot1" noresize scrolling="no" src=http://www.webdeveloper.com/forum/archive/index.php/"c.htm">
<noframes>
<body>
<p>This page uses frames.</p>
</body>
</noframes>
</frameset>
CSS
#top1 {
border-color: #000000;
border-style: solid;
border-width: 1px;
width: 100px;
}
#mid1 {
border-color: #000000;
border-style: solid;
border-width: 1px;
width: 100px;
}
#bot1 {
border-color: #000000;
border-style: solid;
border-width: 1px;
width: 100px;
}
When loading into browsers, I receive a different result with every single browser. None of which appear the way they should.
Any ideas?
Thanx.Add an ID attribute to your FRAME tags. The # in your CSS seems to work for IDs, not NAMEs.
JonaWell, that puts me half-way there.
8^)>
It looks like that delivered me the borders in IE and partially in O, but nothing in NS or M.
Any ideas on how to make all browsers display it properly?
Thanx again.Do you have a link of some kind that we can view it in online to see what you've got and test it in all browsers?
JonaHere ya go...
<!-- m --><a class="postlink" href="http://www.geocities.com/csstester/This">http://www.geocities.com/csstester/This</a><!-- m --> is what I see in IE6...
JonaThis is what I see in NS6.2...
JonaOriginally posted by Jona
This is what I see in NS6.2...
That's also what I see in Mozilla (same thing as NS6.2). Try setting up your heights for the frames better and it should be fine.
JonaPics are blank?
Can't see anything in them.How strange... Let me make them into JPEGs.
JonaCheck out my screenshots and tell me what you think...
<!-- m --><a class="postlink" href="http://www.geocities.com/csstester/screenshots.zipI'm">http://www.geocities.com/csstester/screenshots.zipI'm</a><!-- m --> attaching the NS/Moz one.
JonaOriginally posted by stmasi
Check out my screenshots and tell me what you think...
<!-- m --><a class="postlink" href="http://www.geocities.com/csstester/screenshots.zip">http://www.geocities.com/csstester/screenshots.zip</a><!-- m -->
Attach the files to this forum. Your link is broken (I got error 404 from Yahoo!).
I have attached what I see in IE6.
JonaI can't...they're too big.
Just type that address directly in your browser address bar.
Thanx.OK, so we see the same thing.
Try setting the width/height of your frames.
JonaI did in the css files.
Shoule I be doing this somewhere else?No, the CSS should make it work right... I'm doing some work on it for ya... We'll see what I come up with. Tell me if you have any suggestions/questions as I work on it.
Jona
In my html, I design the frames section with rows and columns, but I would like to use CSS to set height, width, borders, etc.
Is this possible?
Thanx.yes...don't see why its not..
Well, when I attempt this, I do the following:HTML
<frameset rows="50,*,50">
<frame name="top1" noresize scrolling="no" src=http://www.webdeveloper.com/forum/archive/index.php/"a.htm">
<frame name="mid1" noresize scrolling="no" src=http://www.webdeveloper.com/forum/archive/index.php/"b.htm">
<frame name="bot1" noresize scrolling="no" src=http://www.webdeveloper.com/forum/archive/index.php/"c.htm">
<noframes>
<body>
<p>This page uses frames.</p>
</body>
</noframes>
</frameset>
CSS
#top1 {
border-color: #000000;
border-style: solid;
border-width: 1px;
width: 100px;
}
#mid1 {
border-color: #000000;
border-style: solid;
border-width: 1px;
width: 100px;
}
#bot1 {
border-color: #000000;
border-style: solid;
border-width: 1px;
width: 100px;
}
When loading into browsers, I receive a different result with every single browser. None of which appear the way they should.
Any ideas?
Thanx.Add an ID attribute to your FRAME tags. The # in your CSS seems to work for IDs, not NAMEs.
JonaWell, that puts me half-way there.
8^)>
It looks like that delivered me the borders in IE and partially in O, but nothing in NS or M.
Any ideas on how to make all browsers display it properly?
Thanx again.Do you have a link of some kind that we can view it in online to see what you've got and test it in all browsers?
JonaHere ya go...
<!-- m --><a class="postlink" href="http://www.geocities.com/csstester/This">http://www.geocities.com/csstester/This</a><!-- m --> is what I see in IE6...
JonaThis is what I see in NS6.2...
JonaOriginally posted by Jona
This is what I see in NS6.2...
That's also what I see in Mozilla (same thing as NS6.2). Try setting up your heights for the frames better and it should be fine.
JonaPics are blank?
Can't see anything in them.How strange... Let me make them into JPEGs.
JonaCheck out my screenshots and tell me what you think...
<!-- m --><a class="postlink" href="http://www.geocities.com/csstester/screenshots.zipI'm">http://www.geocities.com/csstester/screenshots.zipI'm</a><!-- m --> attaching the NS/Moz one.
JonaOriginally posted by stmasi
Check out my screenshots and tell me what you think...
<!-- m --><a class="postlink" href="http://www.geocities.com/csstester/screenshots.zip">http://www.geocities.com/csstester/screenshots.zip</a><!-- m -->
Attach the files to this forum. Your link is broken (I got error 404 from Yahoo!).
I have attached what I see in IE6.
JonaI can't...they're too big.
Just type that address directly in your browser address bar.
Thanx.OK, so we see the same thing.
Try setting the width/height of your frames.
JonaI did in the css files.
Shoule I be doing this somewhere else?No, the CSS should make it work right... I'm doing some work on it for ya... We'll see what I come up with. Tell me if you have any suggestions/questions as I work on it.
Jona