CSS Daten auslagern

[Hagen]

Hallo,
es gibt mal wieder was wo mein kleines Hirn nicht mitkommt.
Bin mit dem Design meiner Seite fertig und wollte nun die stylesheets auslagern. Gesagt getan... und auf einmal waren alle schriften vielzu klein und überhaupt sah es irgendwie anders aus. Woran kann das liegen? Größenangaben in em auch für body font-size font-size:100.01%; festgelegt. Das problem besteht in FF und IE.

MFg Hagen

[Tobias Unger]

Hi!

Bin mit dem Design meiner Seite fertig und wollte nun die stylesheets auslagern. Gesagt getan... und auf einmal waren alle schriften vielzu klein und überhaupt sah es irgendwie anders aus. Woran kann das liegen? Größenangaben in em auch für body font-size font-size:100.01%; festgelegt. Das problem besteht in FF und IE.

Ich weiß nicht, ob es wirklich daran liegt, aber wenn ich ein solches Problem hätte würde ich als aller erstes in dieser CSS-Datei z.B. alle Überschriften rot färben (natürlich nicht, wenn sie es schon jetzt sein sollten :-) ; oder halt irgend etwas was sofort auffällt).
Wenn man die Änderungen nach einem Reload sieht dann findet und interpretiert der Browser die CSS-Datei schon mal und das Problem ist damit eingegrenzt.

Hast du das schon probiert?
Sprich: Weißt du, ob die CSS-Datei überhaupt interpretiert wird?

Grüße aus Nürnberg,
Tobias

[Hagen]

Hallo Tobias,
ich habe die schriftgrößen in der css datei verändert und es passiert auch wirklich in meinem Layout was! Es wird ja auch alles korrekt angezeigt nur zu klein, das padding bei den li´s stimmt nicht mehr und die schriftgröße...das ist zum. das was auffält.

MFG Hagen

[Tobias Unger]

Hi!

Ok - dann hast du das Problem damit schon mal eingegrenzt.
Ich habe das nur gefragt, weil ich schon mal relativ lange etwas ändern wollte, wobei nichts passiert ist und ich am Schluss festgestellt habe, dass er die Änderungen gar nicht berücksichtigt. Als mir das das letzte Mal passiert ist (da war ich wohl etwas zu lange am Stück vor der Kiste gesessen) habe ich die offline-Version meiner Website geändert und mich gewundert, dass sich an der Online-Version nichts änderte (da ich ja dachte, ich würde gerade die Seite vom lokalen Webserver betrachten)...

Grüße aus Nürnberg,
Tobias

[MudGuard]

Hi,

Bin mit dem Design meiner Seite fertig und wollte nun die stylesheets auslagern. Gesagt getan... und auf einmal waren alle schriften vielzu klein und überhaupt sah es irgendwie anders aus. Woran kann das liegen? Größenangaben in em auch für body font-size font-size:100.01%; festgelegt. Das problem besteht in FF und IE.

Sollen wir raten?
Wie wär's mit einem Link zur Problemseite?

cu,
Andreas

[Hagen]

Hallo Andreas,
damit kann ich leider noch nicht dienen teste noch "nur" auf meinem PC.
Aber die stylesheets kann ich posten:
<style type="text/css">
body{
 margin:0.5em;
 background-color:#FFFFCC;
 font-size:100.01%;
 font-family: Verdana,sans-serif;
 color:#666666;
 background-image:url(grafik/struktur_body.png);
 background-repeat:repeat-x;
 background-position:0% 50%;
}
#container{
 width:750px;
 border:1px solid #000000;
 padding:0;
 margin:auto;
 background-color:#FFFFFF;
 padding:0.5em;
 color:#666666;
}
#bild{
 margin-bottom:0.5em;
}
ul#navigation{
 margin:0;
 padding:0;
 border-bottom:1px solid #666666;
 border-top:1px solid #666666;
 background-color:#E4DA9A;
 font-size:0.79em;
 text-align:center;
}
ul#navigation li{
 display:inline;
}
ul#navigation a {
 padding-left:1em;
 padding-right:1em;
}
ul#navigation a:link,a:visited,a:active{
   color: black;
  text-decoration:none;
 background-color:#E4DA9A;
 font-weight:bold;
}
ul#navigation a:hover{
 background-color:#993300;
 border-left:1px solid #FFFFFF;
 border-right:1px solid #FFFFFF;
 color:#FFFFFF;
 font-weight:bold;
}
#information{
 border-left:1px dashed #666666;
 margin-top:1em;
 float:right;
 padding-left:1em;
 font-size:0.7em;
 background-image:url(grafik/logo.jpg);
 background-repeat:no-repeat;
 background-position:50% 100%;
 height:300px;

}
#starter{
 margin-top:1em;
 float:left;
 border:none;
 font-size:0.7em;
 width:70%;
}
#clear{
 clear:both;
}
h1{
 font-size:1.69em;
 text-decoration:underline;
 color:#993300;
 margin:0;
 margin-bottom:0.4em;
}

#link a:visited,a:active,a:focus,a:link {
 font-weight:bold;
 color:#666666;
 text-decoration:none;
 background-color:#FFFFFF;
}
#link a:hover {
 font-weight:bold;
 color:#993300;
 text-decoration:underline;
 background-color:#FFFFFF;
}
ul#link{
 margin:0;
 margin-left:1em;
 padding:0;
 list-style-image:url(grafik/arrow.gif)
}
ul#link li{
 margin-bottom:1em;
}
ul#link a:hover{
 list-style-image:url(grafik/arrow_down.gif);
 font-weight:bold;
 color:#993300;
}
#gedicht{
 margin:0;
 margin-left:6.12em;
 font-size:1.1em;
}

MFG Hagen

[MudGuard]

Hi,

damit kann ich leider noch nicht dienen teste noch "nur" auf meinem PC.
Aber die stylesheets kann ich posten:

<style type="text/css">

Steht das etwa in Deiner CSS-Datei drin?
In eine CSS-Datei gehört ausschließlich CSS, keine HTML-tags.

Damit ist der erste Selektor
<style type="text/css"> body
und da dieser nicht korrekt ist, muß das komplette erste Ruleset ignoriert werden.

cu,
Andreas