[K050V4]

Hi Leutz ...

Ich habe mir eine kleine Homepage gebastelt. Solte schnelle ladezeit haben ... deswegen habe ich fast nur CSS benutzt. Die div's habe ich erst mit style="... gemacht. Da das dan zu unübersichtlich wurde, (Die Page ist für einen Freund der das nicht so gut kann!) habe ich die CSS-Codes in eine CSS-Datei gemacht. Aber jetzt wird die Seite komplett falsch angezeigt.

Hier der Code der CSS-Datei:

body {
scrollbar-face-color: #AC0101;
scrollbar-highlight-color: #AC0101;
scrollbar-3dlight-color: #AC0101;
scrollbar-darkshadow-color: #9F0202;
scrollbar-shadow-color: #AC0101;
scrollbar-arrow-color: red;
scrollbar-track-color: #9F0202;
}

a:link { color:#FF9D67; text-decoration: none; }
a:visited { color:#FF9D67; text-decoration: none; }
a:active { color:#FF9D67; text-decoration: none; }
a:hover { color:red; text-decoration: line-through; }

.ueberschrift { background-color: #B50202; width: 100%; border: dotted 1px red; color: #FF9D67; font-size: 12px; font-family: verdana; text-align: center; padding: 2px; }
.oben-center { position: absolute; top: 15px; left: 20px; width: 880px; height: 70px; background-color: #9F0202; border: ridge 3px red; color: red; text-align: center; font-family: verdana; }
.oben-links { position: absolute; top: 0px; left: 0px; width: 125px; height: 70px; background-color: #9F0202; border: 0px; filter: progid:DXImageTransform.Microsoft.Gradient(gradientType=1,startColorStr=#880101,endColorS
tr=#9F0202; }
.oben-rechts { position: absolute; top: 0px; left: 750px; width: 125px; height: 70px; background-color: #9F0202; border: 0px; filter: progid:DXImageTransform.Microsoft.Gradient(gradientType=1,startColorStr=#9F0202,endColorS
tr=#880101; }
.menu1 { position: absolute; top: 100px; left: 20px; width: 125px; height: 400px; background-color: #9F0202; border: ridge 3px red; filter: progid:DXImageTransform.Microsoft.Gradient(gradientType=1,startColorStr=#880101,endColorS
tr=#9F0202; }
.menu12 { position: absolute; top: 10px; left: 10px; width: 100px; height: 230px; border: 1px; color: #FF9D67; font-size: 12px; font-family: verdana; }
.main { position: absolute; top: 100px; left: 160px; width: 600px; height: 400px; background-color: #9F0202; border: ridge 3px red; }
.maintext { position: absolute; top: 10px; left: 10px; width: 575px; height: 375px; border: 0px; color: #FF9D67; font-size: 12px; font-family: verdana; }
.menu2 { position: absolute; top: 100px; left: 775px; width: 125px; height: 400px; background-color: #9F0202; border: ridge 3px red; filter: progid:DXImageTransform.Microsoft.Gradient(gradientType=1,startColorStr=#9F0202,endColorS
tr=#880101; }
.menu22 { position: absolute; top: 10px; left: 10px; width: 100px; height: 230px; border: 1px; color: #FF9D67; font-size: 12px; font-family: verdana; }
.copy { position: absolute; top: 510px; left: 380px; background-color: white; width: 100px; border: 0px; color: #FF9D67; font-size: 8px; font-family: verdana; padding:2px; text-align: center; filter: progid:DXImageTransform.Microsoft.Gradient(gradientType=1,startColorStr=#9F0202,endColorS
tr=#880101; }

Bei der Homepage hab ich bei den div's immer <div class="copy"></div> gemacht ...


Was hab ich falsch gemacht?

Hoffe es kann mir jemand weiterhelfen ...

[K050V4]

Hier

Angehängte Datei(en)

•  index.html (1,73K)
  Anzahl der Downloads: 146
•  home.html (984bytes)
  Anzahl der Downloads: 222
•  style.css (2,64K)
  Anzahl der Downloads: 157

[Floele]

Zitat (rjchio: 15.05.2006, 13:43)

Edit: darf man bei CSS den Bindestrich benutzen?

Kommt drauf an wofür

[flo]

Zitat

Edit: darf man bei CSS den Bindestrich benutzen?

Ja

[K050V4]

hier habs nochmal gemacht

Angehängte Datei(en)

•  index2.html (4,49K)
  Anzahl der Downloads: 119

[axx]

Abgesehen davon, dass du keinen doctype angegeben hast und deine div-Suppe tüchtig versalzen ist, hast du auch noch eine eigene CSS-Eigenschaft "filter" ins Spiel gebracht. Was auch immer du dir dabei gedacht hast, ohne geht es besser.

[Rika]

Genauso die ganzen scrollbar-Properties bei 'body'. Hoffst du, daß die in Zukunft mal irgendeine Bedeutung haben werden?

Warum hat a:visited die gleiche Farbe wie a:link? Das ist doch Blödsinn!

[axx]

Du willst bestimmt trotzdem noch den Grund für die unterschiedliche Darstellung wissen. Es dürften die nicht geschlossenen Klammern bei filter sein.

[K050V4]

@axx Danke jetzt geht es

@Rika ich lass das so ... weil die seite soll komplett rot sein und wen man dan die blauen scrollbalken sieht .... bääh

@-=[J]=- Danke ich werde es mal ausprobieren

[axx]

Zitat (keny: 17.05.2006, 12:38)

@Rika ich lass das so ... weil die seite soll komplett rot sein und wen man dan die blauen scrollbalken sieht .... bääh

Da hast du doch gar keinen Einfluss drauf, ganz davon abgesehen, dass die farbigen scrollbalken nur ein IE-Gimmick sind. Ob ich mir deine Seite in rot, blau oder grün ansehe, kannst du als Author nur teilweise beeinflussen. So eine Internetseite ist halt keine Druckvorlage, und das ist gut so.

Ich finde deine Farbgebung sehr unglücklich, weil kontrastarm und dadurch schwer zu lesen. Egal, für solche Fälle halte ich immer ein benutzerdefiniertes stylesheet bereit.

[K050V4]

Ist doch nicht für mich
Naja und mein Kumpel will es so ... und das das mit den Scrollbalken nur bei IE ab 5.5 das weiss ich selber

[Graumagier]

keny sagte:

Naja und mein Kumpel will es so ... und das das mit den Scrollbalken nur bei IE ab 5.5 das weiss ich selber

Also besteht folgende Situation: du kennst dich aus, den Kumpel nicht. Was hält dich jetzt davon ab einfach zu sagen, dass das nicht funktioniert? Damit würdest du dem Internet einen Gefallen tun.

Abgesehen davon gibt es nicht nur blaue Scrollbars...

Dieser Beitrag wurde von Graumagier bearbeitet: 19. Mai 2006 - 18:18