--- title: "Annorlunda visning?" type: "forum-thread" url: "https://www.webforum.nu/amne/html-css/158362-annorlunda-visning" topic: "HTML & CSS" topic_url: "https://www.webforum.nu/amne/html-css" author: "rikard81" published: "2007-03-19T11:19:43.000Z" updated: "2007-03-19T11:19:43.000Z" replies: 0 views: 226 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/158362-annorlunda-visning" --- # Annorlunda visning? ## #1 — rikard81, 2007-03-19T11:19Z Jag är helt ny på det här med HTML och CSS men lär mig mer och mer. Har gjort en sida med CSS och meny men sidan ser annorlunda ut i FF än i IE. Varför. Sidan gick igenom valideringen både i CSS och HTML. Sen skulle jag det vara kul med litefeedback på design osv. Släng inte en massa skit bara eftersom jag är helt ny i ämnet webbdesign och lär mig mer och mer. Men skulle vara kul med lite feedback. Den är långt ifrån färdig etc iofsig men lite tips från er som kan. Sidan: CSS-koden: body { font-family: "Courier New", Courier, monospace; font-size: 12px; margin: 0; padding:0; text-align: Center; background:#000000; background-image: url(bakgrund.jpg); background-repeat: no-repeat; background-position: right;} .style21 { font-family: "Goudy Old Style"; font-size: 14px;} div#container { width: 600px; margin: 100px auto;} p,td,li {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px;} td {color: #0FF000;} a:link,a:visited {color: #FFFFFF; text-decoration: none;} a:hover {color: #FFFFFF;} a:active {text-decoration: none;} \#navcontainer { margin-left: auto; margin-right: auto; margin-top: 20px; margin-bottom: 10px; } \#navlist li { display: inline; padding-bottom: 14px; padding-left: 20px; background-repeat: no-repeat; } \#navlist a { padding-left: 20px; padding-bottom: 12px; font-weight: normal; text-transform: uppercase; text-decoration: none; } \#navlist a:link, #navlist a:visited { padding-left: 20px; color: #FFFFFF; background: url(arrowbullet.gif); background-position: 0 -28px; background-repeat: no-repeat;} \#navlist a:hover { color: #000000; padding-left: 20px; background: url(arrowbullet.gif); background-repeat: no-repeat; background-position: 0 -14px;} \#sidhuvud { background-color: #990000; height: 20px; padding: 0px; border: 0px solid #ffffff; text-align:left; position:absolute; left: 300px; top: 150px; width: 600px; } \#sidkant { background-color: #666666; height: 400px; padding: 0px; border: 0px solid #ffffff; margin-top:2px; text-align:center; overflow: auto; position:absolute; left: 456px; top: 210px; width: 445px; } \#botten { background-color: #990000; Height: 15px; width: 600px; padding: 0px; border: 0px; margin-top: 2px; text-align:left; position: absolute; left: 300px; top: 615px; } \#vanster { background-color: #666666; Height: 400px; width: 150px; padding: 0px; border: 0px; margin-top: 2px; text-align:left; position: absolute; left: 300px; top: 210px; } HTML-koden: \ \ \ \ \Devilsprospects\ \ \ \ \