egorka
Threadersteller
Dabei seit: 12.06.2007
Ort: -
Alter: 40
Geschlecht:
|
Verfasst Fr 14.12.2007 16:33
Titel CSS und Komponenten Probleme in GoLive CS |
|
|
Hallo,
ich mache eine webseite mit komponenten (menü oben und unten). die texte formatiere ich mittels einer externen css. das menü oben besteht nur aus bilder, hab auch keine probs damit. aber das untere menu hat eine eigene externe css-datei und da habe ich so einige probleme... muss von vorne herein sagen, dabei handelt es sich um die größe der schrift. diese passe ic mittel "em" an.
code externe css menü unten (styles_menu.css):
Code: |
A { color: #ffffff; font-size: 1.5em; font-family: Verdana, Arial, Helvetica, Geneva, Swiss, SunSans-Regular; font-style: bold }
A:link { color: #000000; font-size: 1.5em; text-decoration: none }
A:visited { color: #000000; font-size: 1.5em; text-decoration: none }
A:active { color: #000000; font-size: 1.5em; text-decoration: none }
A:hover { color: #000000; font-size: 1.5em; text-decoration: underline }
A.live:link { color: #c80000; font-size: 1.5em; text-decoration: none }
A.live:visited { color: #c80000; font-size: 1.5em; text-decoration: none }
A.live:active { color: #c80000; font-size: 1.5em; text-decoration: none }
A.live:hover { color: #c80000; font-size: 1.5em; text-decoration: underline }
body { color: #ffffff; font-size: 1.5em; font-family: Verdana, Arial, Helvetica, Geneva, Swiss, SunSans-Regular; font-weight: bold }
td, tr { font-size: 1.5em; font-family: Verdana, Arial, Helvetica, Geneva, Swiss, SunSans-Regular; font-weight: bold }
|
und hier der code der css-datei (styles.css), die den inhaltlichen text formatiert:
Code: |
A { color: #ffffff; font-style: normal; font-size: 1.0em; font-family: Verdana, Arial,Helvetica,Geneva,Swiss,SunSans-Regular; }
A:link { color: #ccc; text-decoration: none }
A:visited { color: #ccc; text-decoration: none }
A:active { color: #ccc; text-decoration: none }
A:hover { color: #fff; text-decoration: underline }
A.live:link { color: #C80000; text-decoration: none; }
A.live:visited { color: #C80000; text-decoration: none; }
A.live:active { color: #C80000; text-decoration: none; }
A.live:hover { color: #C80000; text-decoration: underline; }
body { color: #f0f0f0; font-size: 0.8em; font-family: Verdana, Arial, Helvetica, Geneva, Swiss, SunSans-Regular; line-height: 1.2em; background-color: #464646; background-image: url("images/pattern02.gif"); scrollbar-3dlight-color: #D4D0CD; scrollbar-arrow-color: #800000; scrollbar-darkshadow-color: #999999; scrollbar-face-color: #D4D0CD; scrollbar-highlight-color: #800000; scrollbar-shadow-color: #800000; scrollbar-track-color: #999999 }
td, tr { font-size: 0.8em; font-family: Verdana, Arial, Helvetica, Geneva, Swiss, SunSans-Regular; line-height: 1.2em }
.fuss { color: #999; font-size: 0.8em; font-family: Verdana, Arial, Helvetica, sans-serif; text-decoration: overline; letter-spacing: 0.6em }
.titel { color: #960505; font-size: 1.4em; font-family: Georgia, "Times New Roman", Times, serif; font-variant: small-caps; font-weight: bold; letter-spacing: 0.2em }
|
so, und nun zum problem: die größe der schrift sieht in den browser normal aus, also so wie ich will. aber in golive ist sie unheimlich klein, unten sind screenshoots. wo hab ich was falsch gemacht? hat einer n tipp parat? danke
so siehts in FF aus:
so siehts im IE 7 aus:
und so zeigts in GoLive CS an:
|
|