✔ Div/Span verhält sich je nach Schriftgröße anders

Status
Nicht offen für weitere Antworten.
G

Guellekueken

Grünschnabel
Beispielseite:
HTML: 
<html>
<head>
<link href="style.css" type="text/css" rel="stylesheet" />
</head>
<body>
<div class="rahmen">
<a class="link" href="">Link</a>
<span class="textrechts">Dieser Text steht rechts</span><br />
<span class="beschreibung">beschreibender Text</span>
</div>
</body>
</html>

CSS:
HTML: 
div.rahmen {
    background-color: #9FAECF;
}
a.link {
    float:left;
    font-size:18pt;
}
span.textrechts {
    float:right;
    font-size:11pt;
}
span.beschreibung {
    font-size:10pt;
}

Problem: Wenn ich die font-size vom link auf 12pt setze, steht die Beschreibung korrekt unter dem Link. Wenn ich sie größer mache, wie z.B. 18pt, springt die Beschreibung nach rechts. Ist <span> die falsche Lösung dafür, oder hat jemand eine Idee?
 

Anhänge

  • page.jpg
    page.jpg
    10,1 KB · Aufrufe: 12
Hi,

wenn ich jetzt alles soweit richtig verstanden habe, sorgt diese Regelerweiterung dafür, damit die Linkbeschreibung sich immer unterhalb des Links befindet, egal, wie groß die Schriftgröße für den Link gewählt wird:

Code: 
span.beschreibung {
    font-size:10pt;
    display:block;
    clear:both;
}
mfg Maik
 
Maik hat gesagt.:
Hi,

wenn ich jetzt alles soweit richtig verstanden habe, sorgt diese Regelerweiterung dafür, damit die Linkbeschreibung sich immer unterhalb des Links befindet, egal, wie groß die Schriftgröße für den Link gewählt wird:

Code: 
span.beschreibung {
    font-size:10pt;
    display:block;
    clear:both;
}
mfg Maik
Zum Vergrößern anklicken....
ja, genau das hab ich gebraucht. Danke! :)
Nun muss ich mal noch gucken, ob das auch im Portal so funktioniert, denke aber mal schon.
 
Status
Nicht offen für weitere Antworten.

Neue Beiträge

Zurück