WinFuture-Forum.de: Css Problem - WinFuture-Forum.de

Zum Inhalt wechseln

Nachrichten zum Thema: Entwicklung
Seite 1 von 1

Css Problem problem mit der extrernen CSSdatei


#1 Mitglied ist offline   K050V4 

  • Gruppe: aktive Mitglieder
  • Beiträge: 788
  • Beigetreten: 13. August 04
  • Reputation: 0
  • Geschlecht:Männlich
  • Wohnort:Stuttgart
  • Interessen:(X)HTML<br />CSS2+<br />PHP 4/5<br />MySQL 5<br />Symfony 1.2+<br />JavaScript / AJAX<br />jQuery<br />C++<br />C#<br />Java<br />...

geschrieben 15. Mai 2006 - 12:40

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. :wink:

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 ...

Zitat

"In der Welt des Erkennbaren ist die Idee des Guten die höchste." - Platon

Spritify! Easy CSS-Sprite-Generator | Albanisch Deutsch Wörterbuch
0

Anzeige



#2 _rjchio_

  • Gruppe: Gäste

geschrieben 15. Mai 2006 - 12:43

Kannst du vielleicht auch noch den HTML-Code posten? oder noch besser - in den Anhang damit :wink:

Edit: darf man bei CSS den Bindestrich benutzen?

MfG rjchio

Dieser Beitrag wurde von rjchio bearbeitet: 15. Mai 2006 - 12:44

0

#3 Mitglied ist offline   K050V4 

  • Gruppe: aktive Mitglieder
  • Beiträge: 788
  • Beigetreten: 13. August 04
  • Reputation: 0
  • Geschlecht:Männlich
  • Wohnort:Stuttgart
  • Interessen:(X)HTML<br />CSS2+<br />PHP 4/5<br />MySQL 5<br />Symfony 1.2+<br />JavaScript / AJAX<br />jQuery<br />C++<br />C#<br />Java<br />...

geschrieben 15. Mai 2006 - 12:45

Hier :wink:

Angehängte Datei(en)

  • Angehängte Datei  index.html (1,73K)
    Anzahl der Downloads: 117
  • Angehängte Datei  home.html (984bytes)
    Anzahl der Downloads: 132
  • Angehängte Datei  style.css (2,64K)
    Anzahl der Downloads: 67

Zitat

"In der Welt des Erkennbaren ist die Idee des Guten die höchste." - Platon

Spritify! Easy CSS-Sprite-Generator | Albanisch Deutsch Wörterbuch
0

#4 Mitglied ist offline   Floele 

  • Gruppe: aktive Mitglieder
  • Beiträge: 919
  • Beigetreten: 22. Juni 04
  • Reputation: 0

geschrieben 15. Mai 2006 - 12:45

Beitrag anzeigenZitat (rjchio: 15.05.2006, 13:43)

Edit: darf man bei CSS den Bindestrich benutzen?


Kommt drauf an wofür :wink:
0

#5 Mitglied ist offline   flo 

  • Gruppe: aktive Mitglieder
  • Beiträge: 7.955
  • Beigetreten: 14. November 04
  • Reputation: 1
  • Geschlecht:Männlich

geschrieben 15. Mai 2006 - 12:45

Zitat

Edit: darf man bei CSS den Bindestrich benutzen?


Ja
0

#6 _rjchio_

  • Gruppe: Gäste

geschrieben 15. Mai 2006 - 12:55

Zitat

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. unsure.gif
Hast du noch die alte Datei (zum vergleichen)? :wink:

MfG rjchio
0

#7 Mitglied ist offline   K050V4 

  • Gruppe: aktive Mitglieder
  • Beiträge: 788
  • Beigetreten: 13. August 04
  • Reputation: 0
  • Geschlecht:Männlich
  • Wohnort:Stuttgart
  • Interessen:(X)HTML<br />CSS2+<br />PHP 4/5<br />MySQL 5<br />Symfony 1.2+<br />JavaScript / AJAX<br />jQuery<br />C++<br />C#<br />Java<br />...

geschrieben 15. Mai 2006 - 13:12

hier habs nochmal gemacht

Angehängte Datei(en)


Zitat

"In der Welt des Erkennbaren ist die Idee des Guten die höchste." - Platon

Spritify! Easy CSS-Sprite-Generator | Albanisch Deutsch Wörterbuch
0

#8 Mitglied ist offline   axx 

  • Gruppe: aktive Mitglieder
  • Beiträge: 487
  • Beigetreten: 19. Mai 05
  • Reputation: 0

geschrieben 16. Mai 2006 - 02:43

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.
0

#9 Mitglied ist offline   Rika 

  • Gruppe: aktive Mitglieder
  • Beiträge: 11.533
  • Beigetreten: 11. Juni 03
  • Reputation: 2
  • Geschlecht:Männlich

geschrieben 16. Mai 2006 - 03:48

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!
Konnichiwa. Manga wo shitte masu ka? Iie? Gomenne, sonoyouna koto ga tabitabi arimasu. Mangaka ojousan nihongo doujinshi desu wa 'Clamp X', 'Ayashi no Ceres', 'Card Captor Sakura', 'Tsubasa', 'Chobits', 'Sakura Taisen', 'Inuyasha' wo 'Ah! Megamisama'. Hai, mangaka gozaimashita desu ni yuujin yori.
Eingefügtes Bild
Ja, mata ne!

(For sending email please use OpenPGP encryption and signing. KeyID: 0xA0E28D18)
0

#10 Mitglied ist offline   axx 

  • Gruppe: aktive Mitglieder
  • Beiträge: 487
  • Beigetreten: 19. Mai 05
  • Reputation: 0

geschrieben 16. Mai 2006 - 07:00

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

#11 _-=[J]=-_

  • Gruppe: Gäste

geschrieben 16. Mai 2006 - 07:10

Es empfielt sich sowieso bei CSS 2 CSS dateien zu machen ( je nach dem wie aufwändig die html is ) da der IE einige ausdrücke nicht kennt bzw. anders interpretiert.

ich hab das so gemacht :

<style type="text/css" media="screen">
@import url(assets/templates/bluemarinee/ie.css);
@import url(assets/templates/bluemarinee/firefox.css )screen;
</style>
0

#12 Mitglied ist offline   K050V4 

  • Gruppe: aktive Mitglieder
  • Beiträge: 788
  • Beigetreten: 13. August 04
  • Reputation: 0
  • Geschlecht:Männlich
  • Wohnort:Stuttgart
  • Interessen:(X)HTML<br />CSS2+<br />PHP 4/5<br />MySQL 5<br />Symfony 1.2+<br />JavaScript / AJAX<br />jQuery<br />C++<br />C#<br />Java<br />...

geschrieben 17. Mai 2006 - 11:38

@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

Zitat

"In der Welt des Erkennbaren ist die Idee des Guten die höchste." - Platon

Spritify! Easy CSS-Sprite-Generator | Albanisch Deutsch Wörterbuch
0

#13 Mitglied ist offline   axx 

  • Gruppe: aktive Mitglieder
  • Beiträge: 487
  • Beigetreten: 19. Mai 05
  • Reputation: 0

geschrieben 17. Mai 2006 - 11:49

Beitrag anzeigenZitat (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. <_<
0

#14 Mitglied ist offline   K050V4 

  • Gruppe: aktive Mitglieder
  • Beiträge: 788
  • Beigetreten: 13. August 04
  • Reputation: 0
  • Geschlecht:Männlich
  • Wohnort:Stuttgart
  • Interessen:(X)HTML<br />CSS2+<br />PHP 4/5<br />MySQL 5<br />Symfony 1.2+<br />JavaScript / AJAX<br />jQuery<br />C++<br />C#<br />Java<br />...

geschrieben 19. Mai 2006 - 18:15

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 :)

Zitat

"In der Welt des Erkennbaren ist die Idee des Guten die höchste." - Platon

Spritify! Easy CSS-Sprite-Generator | Albanisch Deutsch Wörterbuch
0

#15 Mitglied ist offline   Graumagier 

  • Gruppe: aktive Mitglieder
  • Beiträge: 8.811
  • Beigetreten: 01. März 04
  • Reputation: 1
  • Geschlecht:Männlich
  • Wohnort:Graz, Österreich

geschrieben 19. Mai 2006 - 18:18

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

"If you make something idiot proof, someone will invent a better idiot." - Marvin

For Emails always use OpenPGP. My KeyID: 0xA1E011A4
0

Thema verteilen:


Seite 1 von 1

1 Besucher lesen dieses Thema
Mitglieder: 0, Gäste: 1, unsichtbare Mitglieder: 0