edit: Problem gelöst
Edit: Die Fehlerursache war body { font-size.... } mit einer em Angabe. Lösung war font-size:100.01% und die Schriftgrößen seperat in den Klassen per em definieren.
Hallo
Beispielbild vom Problem:

Also der Facebook Like Button hat nen Margin nach oben den ich nicht verhindern kann und der Google+1 Button hat einen Abstand nach unten (es sind allerdings laut Firebug beides keine Abstände).
Wie bekomme ich die jetzt auf gleiche Höhe?? Margin werden ignoriert.. vllt steh ich auch nur aufm Schlauch?
Hier könnt ihr testen Clemens Guenthermann Portfolio ich denke das lässt sich am einfachsten mit Firebug handlen.
Grüße
Edit: Die Fehlerursache war body { font-size.... } mit einer em Angabe. Lösung war font-size:100.01% und die Schriftgrößen seperat in den Klassen per em definieren.
Hallo
Beispielbild vom Problem:

Also der Facebook Like Button hat nen Margin nach oben den ich nicht verhindern kann und der Google+1 Button hat einen Abstand nach unten (es sind allerdings laut Firebug beides keine Abstände).
Wie bekomme ich die jetzt auf gleiche Höhe?? Margin werden ignoriert.. vllt steh ich auch nur aufm Schlauch?
Hier könnt ihr testen Clemens Guenthermann Portfolio ich denke das lässt sich am einfachsten mit Firebug handlen.
HTML:
<?xml version="1.0" ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<link rel="stylesheet" type="text/css" href="/ind_css/css.css" />
</head>
<body>
<div class="social_media">
<div class="facebook_button">
<fb:like href="http://clegue.com/blog/jessysue/" layout="button_count" show_faces="false" width="100" font="verdana"></fb:like>
</div>
<div class="google_button">
<g:plusone size="medium" href="http://clegue.com/blog/jessysue/"></g:plusone>
</div>
</div>
</body>
</html>
HTML:
.facebook_button {
display : inline;
}
.google_button {
display : inline;
}
.social_media {
text-align : left;
}
Zuletzt bearbeitet: