---
title: "Runda hörn i TABLE i en IFRAME med CSS"
type: "forum-thread"
url: "https://www.webforum.nu/amne/html-css/91923-runda-hörn-i-table-i-en-iframe-med-css"
topic: "HTML & CSS"
topic_url: "https://www.webforum.nu/amne/html-css"
author: "LR^evil.sid"
published: "2003-12-04T22:45:15.000Z"
updated: "2003-12-06T17:41:00.000Z"
replies: 1
views: 389
page: 1
pages: 1
language: "sv-SE"
site: "webForum — webforum.nu"
rights: "Upphovsrätten till varje inlägg tillhör dess författare."
attribution: "Citera som: webForum, https://www.webforum.nu/amne/html-css/91923-runda-hörn-i-table-i-en-iframe-med-css"
---
# Runda hörn i TABLE i en IFRAME med CSS
## #1 — LR^evil.sid, 2003-12-04T22:45Z
Såg att det redan låg en tråd av samma natur här redan men jag har inte lust att börja om från början, jag vill veta vad som felar med den kod jag skrivit.
Tre fält fungerar precis som de ska i både ie, mozilla och opera. När jag sedan positionerar ut en iframe och försöker göra samma sak i den så beter sig tabellen anourlunda. Varför? det är ju samma kod kopierad rakt över från den fungerande sidan.
index.asp:
```
[red]
Ampy Community
[/red]
```
info.asp
```
[blue]
Ampy Community
[/blue]
```
config.asp
```
[red]body {margin-bottom :5px;
margin-right :5px;
margin-left :5px;
margin-top :5px;
font-family :verdana, geneva, arial, helvetica, sans-serif;
font-size :8pt;
color :#000000;}
td {font-family :verdana, geneva, arial, helvetica, sans-serif;
font-size :8pt;
color :#000000;}
/* Corner and Lines Specs */
#Herkules {position: absolute;
top : 119px;
left : 829px;
width : 160px;
height : 456px;}
#Pegasus {width : 160px;
height: 456px;}
.PsusTL {background-repeat: no-repeat;
background-image : url(img/bg/cornertopl.gif);
width : 3px;
height : 3px;}
.PsusTR {background-repeat: no-repeat;
background-image : url(img/bg/cornertopr.gif);
width : 3px;
height : 3px;}
.PsusBL {background-repeat: no-repeat;
background-image : url(img/bg/cornerbotl.gif);
width : 3px;
height : 3px;}
.PsusBR {background-repeat: no-repeat;
background-image : url(img/bg/cornerbotr.gif);
width : 3px;
height : 3px;
font-family :verdana, geneva, arial, helvetica, sans-serif;
font-size :1px;
color :#000000;}
.PsusLL {background-repeat: repeat-y;
background-image : url(img/bg/linelef.gif);
width : 3px;
height : 450px;
font-family :verdana, geneva, arial, helvetica, sans-serif;
font-size :1px;
color :#000000;}
.PsusLT {background-repeat: repeat-x;
background-image : url(img/bg/linetop.gif);
width : 152px;
height : 3px;}
.PsusLR {background-repeat: repeat-y;
background-image : url(img/bg/linerig.gif);
width : 3px;
height : 450px;
font-family :verdana, geneva, arial, helvetica, sans-serif;
font-size :1px;
color :#000000;}
.PsusLB {background-repeat: repeat-x;
background-image : url(img/bg/linebot.gif);
width : 100%;
height : 3px;}
.Stats {background-image : url(img/bg/bg_stats.jpg);
border: 1px solid #000000;
width : 154px;
height: 100%;}
.TopLeft {background-repeat: no-repeat;
background-image : url(img/bg/cornertopl.gif);
width : 3px;
height : 3px;}
.TopLine {background-repeat: repeat-x;
background-image : url(img/bg/linetop.gif);
width : 976px;
height : 3px;}
.TopRight {background-repeat: no-repeat;
background-image : url(img/bg/cornertopr.gif);
width : 3px;
height : 3px;}
.LeftLineTop {background-repeat: repeat-y;
background-image : url(img/bg/linelef.gif);
width : 3px;
height : 72px;}
.RightLineTop {background-repeat: repeat-y;
background-image : url(img/bg/linerig.gif);
width : 3px;
height : 72px;}
.LeftLineBot {background-repeat: repeat-y;
background-image : url(img/bg/linelef.gif);
width : 3px;
height : 20px;}
.RightLineBot {background-repeat: repeat-y;
background-image : url(img/bg/linerig.gif);
width : 3px;
height : 20px;}
.LeftBot {background-repeat: no-repeat;
background-image : url(img/bg/cornerbotl.gif);
width : 3px;
height : 3px;}
.BotLine {background-repeat: repeat-x;
background-image : url(img/bg/linebot.gif);
width : 976px;
height : 3px;}
.RightBot {background-repeat: no-repeat;
background-image : url(img/bg/cornerbotr.gif);
width : 3px;
height : 3px;}
.LeftSeparator {background-repeat: repeat-y;
background-image : url(img/bg/linelef.gif);
width : 3px;
height : 2px;}
.RightSeparator {background-repeat: repeat-y;
background-image : url(img/bg/linerig.gif);
width : 3px;
height : 2px;}
.MidSeparator {background-color : #ffce5a;}
/* Menu Specs */
.MenuTop {background-color: #ffe19f;
border : 1px Solid #000000;
width : 100%;
height : 100%;}
.MenuBot {background-color: #ffedc5;
border : 1px Solid #000000;
width : 100%;
height : 100%;}
/* Spaces */
.SpaceH {width : 10px;}
.SpaceV {height: 10px;}
.SpaceFillV {height: 100%;}
.SpaceFillR {width : 160px;}
.NoMargin {margin-bottom :0px;
margin-right :0px;
margin-left :0px;
margin-top :0px;}
/* Page Specs */
.AlignTop {vertical-align: top;}
.AlignMid {vertical-align: middle;}
.AlignBot {vertical-align: bottom;}[/red]
```
Permalänk: https://www.webforum.nu/p/91923
## #2 — PepeJeria, 2003-12-06T17:41Z
Har kollat igenom din kod (för lång och jag är lat), men [detta](http://www.alistapart.com/articles/customcorners/) kanske kan hjälpa dig på vägen.
Permalänk: https://www.webforum.nu/p/1221621
---
Tråden på webben: https://www.webforum.nu/amne/html-css/91923-runda-hörn-i-table-i-en-iframe-med-css