Footer: Schrift viel zu groß?!

[marixx101]

Hallo,

ich bastele an einer Website mit Wordpress als CMS, aber das ist nur die Vorgeschichte und eigentlich nebensächlich.

Nun stelle ich fest, dass die Schrift im footer viel zu groß ist im Vergleich zur Schrift in meinem content, aber ich verstehe bisher nicht wieso.

Vielleicht kann sich mal jemand den Code ansehen und mir einen Tipp geben?

Hier der CSS-Part:

.footer {
    padding-left: 15px;
    padding-right: 15px;
    text-align: left;
    font-size: 8px;
    background: #fff5b0;
    position: relative;
    clear: both;
}

Hier der Inhalt meiner footer.php

<div class="footer">
<img src="<?php bloginfo('template_directory'); ?>/img/oeffnung.gif" alt="Wir sind gerne für Sie da"/></div><br/>
<table width="940" border="0" cellspacing="10px">
  <tr>
    <th scope="col"><h3>Täglich</h3></th>
    <th scope="col"><h3>Mittagstisch</h3></th>
    <th scope="col"></th>
  </tr>
  <tr>
    <td>in unserer Bierstube<br />von 10.00 - 13.00 Uhr und<br />von 17.00 -23.00 Uhr<br /><br />Abendkarte ab 18.00 - 22.00 Uhr</td>
    <td>Sonntag ab 11.30 - 14.00 Uhr<br />Montag - Samstag auf Vorbestellung</td>
    <td>Montag ist das Restaurant geschlossen<br />Mittwoch Ruhetag</td>
  </tr>
</table>
</div>
</body>
</html>

Danke

 

[fakerer]

AW: Footer: Schrift viel zu groß?!

so ist das nicht wirklich aussagekräftig.
Du könntest mal .footer td {..} versuchen, den ich vermute mal das deine font-size durch die tabelle überschrieben wird.

 

[marixx101]

AW: Footer: Schrift viel zu groß?!

so ist das nicht wirklich aussagekräftig.
Du könntest mal .footer td {..} versuchen, den ich vermute mal das deine font-size durch die tabelle überschrieben wird.

Hat nichts gebracht... habe auch mal ausprobiert, ob ich die Schrift denn wenigstens größer machen kann, aber das machter auch nicht.

In meiner CSS-Datei habe ich für content und sidebar 12px angegeben, da funktioniert das einwandfrei.

Ich verstehe das nicht!

Edit: Die Schrift ist aber auch noch so groß, wenn ich keine Tabelle mache, sondern nur einen Satz dort hinschreibe.

 

[CrazyLopp]

AW: Footer: Schrift viel zu groß?!

Sofern du Firebug oder Chrome/Safarie/Opera verwendest markiere mal den Abschnitt und dann mit einem Rechtsklick auf "Element Überprüfen", dort siehst du dann unter anderem woher er auf die große Schriftgröße kommt!

Zur Not kannst du auch das einzelne Element ansprechen und mittels einem !important dem Browser sagen das er diesen Wert bevorzugen soll...

Zum Beispiel:

.footer,
.footer table, 
.footer table tr,
.footer table tr th,
.footer table tr td {
  font-size: 8px !important; 
}

 

[Myhar]

AW: Footer: Schrift viel zu groß?!

Es kann auch sein, dass im Browser eine kleinste Schriftgröße definiert ist. Dann wird jede Schriftgröße, welcher kleiner ist, einfach in der kleinsten definierten Schriftgröße angezeigt.
8px ist doch sehr klein. Außerdem empfiehlt es sich immer, die Schriftgröße in relativen Einheiten (em, %) anzugeben. Hoffentlich ist deine Schriftgröße im Body nicht auch so klein ().

 

[marixx101]

AW: Footer: Schrift viel zu groß?!

Es kann auch sein, dass im Browser eine kleinste Schriftgröße definiert ist. Dann wird jede Schriftgröße, welcher kleiner ist, einfach in der kleinsten definierten Schriftgröße angezeigt.
8px ist doch sehr klein. Außerdem empfiehlt es sich immer, die Schriftgröße in relativen Einheiten (em, %) anzugeben. Hoffentlich ist deine Schriftgröße im Body nicht auch so klein ().

Keine Sorge, die 8px hab ich nur zum Testen da eingetragen. Wollte eben wissen, ob sich da überhaupt was tut, weil ich vorher einen Prozentwert dort hingeschrieben hatte.

Aber die Schriftgröße verändert sich ja gar nicht, sie wird auch nicht größer, wenn ich z.B. was übertriebenes wie 22px da hinschreibe.

@CrazyLopp:
!important funktioniert auch nicht :/

 

[fakerer]

AW: Footer: Schrift viel zu groß?!

tja dann wirds da nicht mehr viele Optionen geben,
selber schaffen oder wo hochladen

 

[marixx101]

AW: Footer: Schrift viel zu groß?!

Alles klar... danke trotzdem für eure Vorschläge!

Der Fehler war so blöd wie einfach zu lösen...
In dem Quelltext meines Footers mit der Tabelle darin habe ich jetzt das:

<table width="100%" border="0" style="text-align:left; font-size: 95%;" >

Nur mit CSS ging es ja nicht, aber so hat es funktioniert - die Schrift ist tatsächlich kleiner geworden

Manchmal könnte man sich selbst nur so an den Kopf fassen... wie gesagt - danke euch für die Tipps.

Gelöst

 

[Ronja6]

AW: Footer: Schrift viel zu groß?!

Hi,

eine wirklich gute Lösung ist das aber nicht (wenn auch sicher simpel). Irgendwo hast Du dann einen Fehler drin!!

Gruß Ronja