Webstatt.org - Community seit 2006 - 2012 (2024?)

Warum geht die Schrift über div hinaus?

user-150
03.03.2006 13:44

Titel sagt eigentlich schon alles

http://sucker.sheep24.de/neues/ra/impressum.php

ich verstehs einfach ned


body {
font-family: "Times New Roman", Times, serif;
font-size: 14px;
background-color: #685F50;
}
div#content {
width: 395px;
margin-top: 30px;
margin-left: auto;
border: none;
height: 615px;
background-image: url(img/txtbglang.jpg);
background-repeat: no-repeat;
margin-right: auto;
padding-top: 80px;
padding-left: 30px;
}
ul {
list-style-type: none;
margin: 10px 0px;
padding: 0px;
}
li {
margin: 0px;
padding: 0px 0px 0px 10px;
}
h1 {
font-family: "Times New Roman", Times, serif;
font-size: 18px;
text-decoration: none;
margin: 0px;
padding: 0px;
font-style: normal;
}
h2 {
font-family: "Times New Roman", Times, serif;
font-size: 14px;
font-style: normal;
font-weight: normal;
text-decoration: none;
margin: 0px;
padding: 0px;
}

Mehr schlaue Sprüche gibt es auf: anotherstyle.de Psicologia
Avatar user-159
03.03.2006 13:48

bau mal bei div#content

noch ein padding-right: 30px; ein dann sollte es klappen lächeln

Avatar user-294
03.03.2006 13:55

Falsch, du hast das Boxen-Modell von CSS nicht richtig interpretiert.

Wenn du eine Box hast, die 400px breit ist, dann beziehen sich die 400px auf den Inhalt.
Fügst du nun 30px padding-left dazu, wird die Box automatisch 430px breit, damit 400px für den Inhalt übrig bleiben.

Einzig der IE machte das früher nicht, nun gibt es aber die sog. Browserweiche (nachzulesen bei SelfHTML ua).

Also bei padding-left: 30px; einfach die width: 365px;

user-150
03.03.2006 13:57

wunderbar, danke lächeln

Mehr schlaue Sprüche gibt es auf: anotherstyle.de Psicologia