html - IE fatter hat af min css. - Udvikleren.dk - Programmering, webdesign og grafik

Tags: html css

Bruger #7826 @ 18.10.06 17:57

Hej alle sammen, jeg er ved at bygge hjemmesiden www.brugtitudstyr.dk op i css. Pt. virker det fint i Firefox, men i Internet Explorer ligner det crap.
Har prøvet lidt forskelligt, men kan ikke få det til at virke, og vil virkelig gerne undgå, at skulle bruge tabeller.

Min HTML kode:

Kode

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
        "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
      <html xmlns="http://www.w3.org/1999/xhtml" lang="en" xml:lang="en">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<meta http-equiv="Content-Language" content="da"/>
<meta name="description" content="Brugt it udstyr"/>
<meta name="keywords" content="brugt, it, udstyr, senia, brian, knudsen, computer, hardware, dele, ibm, dell, acer, apple, servere, pc, stationær, bærbar"/>
<meta name="robots" content="All"/>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1"/>
<link rel="stylesheet" href="style.css" type="text/css" media="all"/>
<title>Brugt It Udstyr</title>
</head>
<body bgcolor="#6b9abf">
<div id="tabel-1" class="container">
<div class="table01"></div>
<div class="table02 cell-like"></div>
<div class="table03 cell-like"></div>
<div class="table04 cell-like"></div>
<div class="table00"></div>
<div class="table05 cell-like"></div>
<div class="table06 cell-like"></div>
<div class="table07 cell-like"></div>
<div class="table00"></div>
<div class="table08 cell-like"></div>
<div class="table09 cell-like"></div>
<div class="table10 cell-like"></div>
<div class="table00"></div>
<div class="table11 cell-like"></div>
<div class="table12 cell-like"></div>
<div class="table13 cell-like"></div>
<div class="table14 cell-like"></div>
<div class="table15 cell-like"></div>
<div class="table16"></div>
</div>
</body>
</html>

Min CSS kode

Kode

.container {
    position: absolute;
    text-align: left;
    left: 50%;
    margin-left: -401px;
    height: auto;
    width: 800px;
    border: 0px solid black;
}
.cell-like {
    display: table-cell;
}
.table01 {
    width: 800px;
    height: 73px;
    background-image: url("images/index_01.gif");
}

.table02 {
    width: 76px;
    height: 90px;
    background-image: url("images/index_02.gif");
}

.table03 {
    width: 642px;
    height: 90px;
    background-image: url("images/index_03.gif");
}

.table04 {
    width: 82px;
    height: 90px;
    background-image: url("images/index_04.gif");
}

.table05 {
    width: 76px;
    height: 25px;
    background-image: url("images/index_05.gif");
}

.table06 {
    width: 642px;
    height: 25px;
    background-image: url("images/index_06.gif");
}

.table07 {
    width: 82px;
    height: 25px;
    background-image: url("images/index_07.gif");
}

.table08 {
    width: 78px;
    height: 18px;
    background-image: url("images/index_08.gif");
}

.table09 {
    width: 640px;
    height: 18px;
    background-image: url("images/index_09.gif");
}
.table10 {
    width: 82px;
    height: 18px;
    background-image: url("images/index_10.gif");
}
.table11 {
    width: 76px;
    height: 335px;
    background-image: url("images/index_11.gif");
}
.table12 {
    width: 120px;
    height: 335px;
    background-image: url("images/index_12.gif");
}
.table13 {
    width: 19px;
    height: 335px;
    background-image: url("images/index_13.gif");
}
.table14 {
    width: 503px;
    height: 335px;
    background-image: url("images/index_14.gif");
}
.table15 {
    width: 82px;
    height: 335px;
    background-image: url("images/index_15.gif");
}
.table16 {
    width: 800px;
    height: 59px;
    background-image: url("images/index_16.gif");
}

a {
	text-decoration:none;
}
a:link {
	color: blue;
}
a:visited {
	color: blue;
}
a:hover {
	color: #3ade1e;
}

Håber I kan hjælpe mig!!!

5 svar postet i denne tråd vises herunder
1 indlæg har modtaget i alt 2 karma

Sorter efter stemmer Sorter efter dato

Bruger #3143 @ 18.10.06 18:53

1.965

Jeg tror Niklas mente det ironisk

Du bruger godt nok css, men du anvender slet ikke hele teorien omkring semantisk opbygning af en hjemmeside, hvilket er hele fordelen.

I stedet for at lave siden efter formen
indhold -> layout
kan man lave den som
indhold -> struktur -> layout

Når google skal finde søgeresultater, forsøger den at finde ud af hvor godt de enkelte sider passer til søgeordet. De sider der får flest point, kommer øverst i søgeresultaterne. Her er et meget simplificeret eksempel:

Lad os nu sige, at du havde bygget en hjemmeside op i tabeller. Så ville Google give din side et point for hver gang søgeordet forekom på siden, fordi den ikke kan se, hvor centralt ordet er på siden.

Havde du derimod opbygget siden semantisk, ville Google fx give et point for hver gang søgeordet optrådte i den almindelige tekst, to point for hver gang ordet optrådte i en fremhævet tekst, og fem point for hver gang ordet fremkom i en overskrift, og siden ville derfor komme højere i resultaterne.

Det er altså ikke hvorvidt siden bruger css eller ej, der gør forskellen, menderimod om den er semantisk eller ej. Det er dog meget svært, hvis ikke umuligt at lave en side semantisk uden brug af css.

IE er ikke så god til CSS endnu. CSS har også kun været her siden 1998, så man må jo lige give dem lidt tid til at implementere det

Helt specifikt er det følgende, som IE ikke forstår:

display: table-cell;

Du må finde et alternativ til denne property, som IE forstår.

Indlæg senest redigeret d. 18.10.2006 18:54 af Bruger #3143

Bruger #10667 @ 18.10.06 18:19

155

Hvorfor vil du da undgå at bruge tabeller? Dette er da guds gave til folket

Bruger #7826 @ 18.10.06 18:26

Har læst noget om, at google har nogle problemer med at hive data'er ud af dem.
Og siden skal være så meget SEO som muligt...

Bruger #10266 @ 19.10.06 18:25

125

Mener IE 7 kan understøtte det

Bruger #7826 @ 19.10.06 20:36

Nop gør det ikke, men har lavet det igen fra bunden, så nu virker det det. Giver halv delen af pointene til Jesper, fordi han lærte mig noget om css, men desværre ikke direkte med mit problem.

IE fatter hat af min css.

Karma barometer (30 dage)

Modtaget

Givet

Favorit hos
Forum tråde
Artikler