Avatar billede it-interesseret Nybegynder
08. juli 2007 - 20:25 Der er 4 kommentarer og
1 løsning

Site vises korrekt i IE 7 og FF, men ikke i IE6 - hvorfor?

Hej alle

Jeg er ved at skabe en hjemmeside på følgende midlertidige adresse: http://tinyurl.com/3y6oam

Skriv helst ikke adressen til den, da den er i opbygningsfase, og ikke skal kunne findes / ses i dens nuværende stadie, ydermere bliver den også offentliggjort på et andet domæne, når den er klar.

Jeg kan ikke få den til at se ens ud i Internet Explorer 6 og 7 og FireFox.

Internet Explorer 7 og FireFox viser hjemmeside korrekt, mens Internet Explorer 6 viser siden helt forkert.

Den viser ikke flashen i den rammen, men forskynder der ca. 1 cm til venstre og fylder ikke helt ud til højre og i bunden. Sikkert fordi rammen bliver forkert tolket af Internet Explorer 6.

Der ud over hopper midterspalten over i venstre side i Internet Explorer 6, hvilket den ikke skal.

Nogen som kan finde mine CSS-fejl? Det er sikkert en meget let opgave, men jeg er ikke stærk i CSS.
Avatar billede it-interesseret Nybegynder
08. juli 2007 - 20:37 #1
Rettede selv midterspalten, som hoppede over i venstre side i IE6.

Men flashen står stadig forkert i IE 6 - rammens størrelse er også for stor (i IE6), ser det ud til. CSS koden tolkes simpelhten anderledes og giver en anden størrelse i IE6.
Avatar billede tomle Nybegynder
08. juli 2007 - 20:57 #2
Åh, jeg får det dårligt af at læse al den varme luft, der står på siden..
Avatar billede carl_r Nybegynder
09. juli 2007 - 09:10 #3
Det vil hjælpe meget, hvis du liger paster css'et ind i tråden.
Avatar billede it-interesseret Nybegynder
09. juli 2007 - 16:19 #4
Ok :-)

Her kommer det:

/* custom stuff */

.clr {
  clear: both;
}

div.mosimage_caption {
  font-size: 11px;
}


#page_bg {
  height: 100%;
    background: #74787B;
    padding: 0;
    margin: 0;
    border: 0;
}

#center {
    text-align: center;
}

#main_bg {
    margin-top: 20px;
    margin-bottom: 20px;
    margin-left: auto;
    margin-right: auto;
    width: 670px;
    background: url(../images/blog_bg.png) repeat-y;
    text-align: left;
}

#content_bg {
    margin: 0px 0px;
}

#title {
    padding-top: 25px;
    margin-left: 20px;
    font-size: 14px;
    font-weight: bold;
    width: 200px;
    color: #74787B;
}

#title:first-letter {
    font-size: 18px;
}

#subtitle {
    padding-top: 3px;
    margin-left: 20px;
    font-size: 11px;
    font-weight: none;
    width: 200px;
    color: #74787B;
}

#subtitle:first-letter {
    font-size: 11px;
}

#header {
    background: url(../images/blog_header.png) 0 0 repeat-y;
    width: 670px;
    height: 235px;
}

div.module {
    padding-top: 15px;
    margin-left: 5px;
    width: 214px;
}

div.conentpaneopen {
    padding-top: 15px;
    margin-left: 0px;
    width: 214px;
}

#content {
    float: left;
    width: 452px;
    border: 0px solid #c00;
    padding-left: 28px; /*venstre-flugter med flash*/
    color: #E5EAEE;
    height: 420px;
    overflow:auto;
}

#leftcontent {
    float: left;
    width: 190px;
    padding-top: 0px;
    margin: 0;
    border: 0px solid #00c;
}

.highlight {
    background: #ECECE3;
    border: 1px solid #DBDAC4;
    padding: 0px 15px;
}

#footer {
    clear: both;
    height: 0px;
    line-height: 30px;
    color: #E5EAEE;
}

/* required stuff */

span.pathway {
    display: block;
    margin-bottom: 15px;
}

#content-pane .tab-page {
   
}

table.contentpane {
    text-align: left;
    width: 100%;
    padding: 0px;
    margin: 0px;
    border-collapse: collapse;
}

table.contentpaneopen {
    text-align: left;
    width: 90%;
    padding: 10px;
    margin: 0px;
    border-collapse: collapse;
}

.small {
    font-size: 10px;
    color: #74787B;
    font-weight: normal;
    text-align: left;
}

.modifydate {
    font-size: 11px;
    color: #666666;
    font-weight: normal;
    padding-top: 8px;
    padding-bottom: 10px;
    text-align: left;
}

.createdate {
    line-height: 10px;
    font-size: 11px;
    color: #666666;
    font-weight: normal;
    vertical-align: top;
    padding-bottom: 10px;
    padding-top: 0px;

}

.readon {

}

h3, .componentheading {
    font-size: 18px;
    text-align: left;
    font-weight: bold;
    font-family: Verdanna, Geneva, Arial, Helvetica, sans-serif;
    color: #74787B;
    margin: 10px 0 5px 0;
}

.contentheading {
    height: 20px;
    vertical-align: bottom;
    font-size: 18px;
    font-weight: normal;
    font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
    color: #74787B;
    text-align: left;
    width: 90%
}

div.moduletable {
    margin-bottom: 20px;
   
}

table.moduletable .contentheading {
  height: 30px;
}

/* For content item titles that are hyperlink instead of Read On */
a.contentpagetitle:link, a.contentpagetitle:visited {
  padding-top: 5px;
    font-size: 18px;
    font-weight: normal;
    color: #4971BA;
    text-align: left;
    width: 100%;
}

a.contentpagetitle:hover {
    color: #ff0000;
}

a.mainlevel {
  display: block;
  /*border-bottom: 1px solid #ddd;*/
  padding: 10px 0 5px 20;
}


a.mainlevel:link, a.mainlevel:visited {
    color: #747878;
    text-decoration: none;
    font-weight: none;
    font-size: 14px;
    margin-top: 2px;
    /*border-bottom: 1px dotted #c23f2d;*/
}

a.mainlevel:hover {
    color: #76261B;
    /*border-bottom: 1px dotted #76261B;*/
}

#active_menu {
    color: #76261B;
    font-weight: bold;
}

a.category:link, a.category:visited {

}

a.category:hover {

}

a.pagenav, a.pagenav:visited {

}

a.pagenav:hover {

}

.frontpageheader {
    color: #47878;
    font-size: 15px;
    font-weight: bold;
    line-height: 30px;
}

.newsfeedheading {
    font-size: 11px;
    font-weight: bold;
    color: #333333;
    text-align:left;
}

.newsfeeddate {

}

.fase4rdf a:link {

}

.fase4rdf a:hover {

}

.componentheading{

}


.sectiontableheader {
  font-weight: bold;
    background: #ECECE3;
    padding: 3px;

}



HTML {
  height: 100%;
  margin-bottom: 1px;
}

BODY {
    margin: 0px 0px 0px 0px;
    background: #ffffff;
    height: 100%;
}

td,tr,p,div {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 10pt;
    line-height: 13pt;
    color: #333333;
}

ul
{
    margin: 0;
    padding: 0;
    list-style: none;
}

ul li
{
    line-height: 20px;
    padding-left: 15px;
    padding-top: 0px;
    background-repeat: no-repeat;
    background-position: 0px 5px;
}

#content ul
{
    margin: 0;
    padding: 0;
    list-style: none;
}

#content ul li
{
    line-height: 20px;
    padding-left: 15px;
    padding-top: 0px;
    background-image: url(../images/blog_bullet.png);
    background-repeat: no-repeat;
    background-position: 0px 5px;
}

.button {

}

.inputbox {
  font-size: 12px;
  font-family: Trebuchet MS, Arial, Helvetica, sans-serif;

}

/* ---------------- unedited below here ----------------------*/

/* Styles for dhtml tabbed-pages */
.ontab {
    background-color: #121A1D;
    border-left: outset 1px #9DA6B3;
    border-right: outset 1px #9DA6B3;
    border-top: outset 1px #9DA6B3;
    border-bottom: solid 0px #ffffff;
    text-align: center;
    cursor: pointer;
    font-weight: normal;
    color: #ff6600;
}
.offtab {
    background-color: #25343B;
    border-left: outset 1px #9DA6B3;
    border-right: outset 1px #9DA6B3;
    border-top: outset 1px #9DA6B3;
    border-bottom: solid 1px #9DA6B3;
    text-align: center;
    cursor: pointer;
    font-weight: normal;
    color: #cccccc;
}

.tabpadding {
}

.tabheading {
    background-color: #eeeeee;
    text-align: left;
}

.pagetext {
    visibility: hidden;
    display: none;
    position: relative;
    top: 0;
}

h4 {

}

h5 {

}

h6 {

}

/* Horizontal Line */
hr {
    background: #999999; height:1px; border: 1px solid;
}

hr.separator {

}

/* Content - Sections & Categories */
table.contenttoc {
  margin-left: 5px;
  margin-bottom: 5px;
  background: #ECECE3;
  border: 1px solid #DBDAC4;
}

table.contenttoc th {
  color: #666666;
  font-weight: bold;
  font-size: 12px;
  text-align: left;
  padding: 2px 8px;
}

table.contenttoc td {
    padding: 0px 4px;
}

.contentdescription {
    text-align: left;
}

/** polls and search results **/
.poll {
    padding: 0px 0px;
    margin: 0px;
}

td.poll b {
  font-weight: normal;
}

table.pollstableborder {
    border: 0px;
    margin: 0px;
    padding: 0px;
}

table.pollstableborder td {
  padding: 4px 0px;
}


td.sectiontableentry1 {
  color: #333333;

}

td.sectiontableentry2 {
  color: #333333;
}

tr.sectiontableentry1 td {
  padding-left: 4px;
  padding-right: 4px;
}

tr.sectiontableentry2 td {
  padding-left: 4px;
  padding-right: 4px;
}

.smalldark {
    font-size: 11px;
    color: #333333;
    text-decoration: none;
    font-weight: normal;
}

.pagenav {
    font-weight: bold;
}

.pagenavbar {

}

/* Javascript Back button */
.back_button {
    text-align: center;
    margin-top: 40px;
    margin-bottom: 10px;
}

strong {
    color: #333333;
}
Avatar billede it-interesseret Nybegynder
29. juli 2007 - 16:19 #5
Lukker og slukker
Avatar billede Ny bruger Nybegynder

Din løsning...

Tilladte BB-code-tags: [b]fed[/b] [i]kursiv[/i] [u]understreget[/u] Web- og emailadresser omdannes automatisk til links. Der sættes "nofollow" på alle links.

Loading billede Opret Preview
Kategori
Vi tilbyder markedets bedste kurser inden for webudvikling

Log ind eller opret profil

Hov!

For at kunne deltage på Computerworld Eksperten skal du være logget ind.

Det er heldigvis nemt at oprette en bruger: Det tager to minutter og du kan vælge at bruge enten e-mail, Facebook eller Google som login.

Du kan også logge ind via nedenstående tjenester