nicht angemeldet
Collapsing Margins
Hallo Leute,
ich habe jetzt schon viel gelesen und komme irgendwie nicht weiter. Das Problem ist, ich habe einen vorgegebenen HTML container den ich nicht verändern darf / will, muss aber dennoch css anpassung tätigen.
Der <span> in dem folgenden Minimalbeispiel wird an die obere Kante des Eltern divs gehängt, ich würde den aber gerne zentrieren.
Hat jemand ne Idee ?
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<body >
<style>
div.rdwecoInnerFrame {
padding-top: 1px;
padding-bottom: 1px;
}
div.rdwecoInnerFrame div.rdwecoTabNavigation {
width: 100%;
margin: 0;
height: 35px;
}
div.rdwecoTabNavigation div.rdwecoTabActive {
float: left;
margin: 0;
height: 100%;
width : 100px;
border: 1px solid #EB6B0E;
}
div.rdwecoTabActive span {
margin-left: 5px;
margin-top: 15px;
border: 1px solid #EB6B0E;
}
body {
padding: 0px;
margin:0px;
}
</style>
<div class="rdwecoInnerFrame">
<div class="rdwecoTabNavigation">
<div class="rdwecoTabActive">
<span>General</span>
</div>
</div>
</div>
</body>
</html>
-
Hi,
Der <span> in dem folgenden Minimalbeispiel wird an die obere Kante des Eltern divs gehängt, ich würde den aber gerne zentrieren.
Hat jemand ne Idee ?
Inline-Elemente haben keine vertikalen Margins.
Cheatah
--
X-Self-Code: sh:( fo:} ch:~ rl:| br:> n4:& ie:% mo:) va:) de:] zu:) fl:{ ss:) ls:~ js:|
X-Self-Code-Url: http://emmanuel.dammerer.at/selfcode.html
X-Will-Answer-Email: No
X-Please-Search-Archive-First: Absolutely Yes -
Hi,
<div class="rdwecoTabActive">
<span>General</span>
</div>Wie Cheatah schon gesagt hat gibts kein verticales margin bei Inline-Elementen. Du könntest das Span-Element aber auf display:block setzen, wenn Du das html nicht verändern kannst.
Gruesse, Joachim
--
Am Ende wird alles gut.-
Ok,
Danke das war die Lösung.
-