mediengestalter.info
FAQ :: Mitgliederliste :: MGi Team

Willkommen auf dem Portal für Mediengestalter

Aktuelles Datum und Uhrzeit: Fr 29.03.2024 14:00 Benutzername: Passwort: Auto-Login

Thema: css: margin beeinflusst elternelement vom 22.04.2011


Neues Thema eröffnen   Neue Antwort erstellen MGi Foren-Übersicht -> Allgemeines - Nonprint -> css: margin beeinflusst elternelement
Autor Nachricht
foomep
Threadersteller

Dabei seit: 22.04.2011
Ort: -
Alter: -
Geschlecht: -
Verfasst Fr 22.04.2011 12:29
Titel

css: margin beeinflusst elternelement

Antworten mit Zitat Zum Seitenanfang

ich habe mal eine frage zu margin-top. wenn ich es auf eine überschirft anwende, sollte doch die überschift um die angegebnen pixel nach unten wandern. warum aber schiebt es in meinem fall das komplette div, welches sich darum befindet runter? ich möchte gerne, dass über der überschift noch das grün zu sehen ist. wenn ich etwas vor die überschift schreibe gehte es auch.

vielen dank schon mal im vorraus Lächel
christoph

Code:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="de" lang="de">
<head profile="http://gmpg.org/xfn/11">
   <link rel="stylesheet" href="style.css" type="text/css" media="screen" />
</head>
<body>
   <div id="site">
      <h1>test</h1>
   </div>
</body>
</html>


Code:

/* style.css */
* {
   margin: 0;
   padding: 0;
   border: 0px;
}
body,html {
   background: none repeat scroll 0 0 #fff;
   font-family: Arial,'Helvetica',sans-serif;
   font-size: 12px;
   color: #fff;
   text-align: center;
   height:100%;
}

div#site {
   text-align: left;
    margin: 0 auto;
    width: 680px;
   height: 100%;
   background: #bad15d;
}

h1 {
   font-size: 18px;
   background: #fff;
   color: #bad15d;
   margin-top: 10px;
}
  View user's profile Private Nachricht senden
bacon

Dabei seit: 24.10.2007
Ort: -
Alter: -
Geschlecht: -
Verfasst Fr 22.04.2011 13:22
Titel

Antworten mit Zitat Zum Seitenanfang

http://reference.sitepoint.com/css/collapsingmargins
  View user's profile Private Nachricht senden
Anzeige
Anzeige
foomep
Threadersteller

Dabei seit: 22.04.2011
Ort: -
Alter: -
Geschlecht: -
Verfasst Fr 22.04.2011 14:15
Titel

Antworten mit Zitat Zum Seitenanfang

bacon hat geschrieben:
http://reference.sitepoint.com/css/collapsingmargins


danke bacon.
hmm... krass. verhält sich echt anders als ich dachte.
habe jetzt zu
div#site
border-top: 1px solid #bad15d;
hinzugefügt. doch jetzt ist das problem, dass ja site 100%+1px groß ist. wie bekomme ich die denn weg?

*edit: erst nachdenken dann posten *zwinker*
mit margin-top: -1px; in div#site gehts.


Zuletzt bearbeitet von foomep am Fr 22.04.2011 14:17, insgesamt 1-mal bearbeitet
  View user's profile Private Nachricht senden
 
Ähnliche Themen Beeinflusst Adblock plus den Flash-Fokus?
[WP] Elternelement
float und elternelement
[css] div(float: right) vertikal im elternelement zentrieren
2 Divs nebeneinander die zum Elternelement relativ sind?
Text verkleinern, sobald breiter als Elternelement
Neues Thema eröffnen   Neue Antwort erstellen
MGi Foren-Übersicht -> Allgemeines - Nonprint


Du kannst keine Beiträge in dieses Forum schreiben.
Du kannst auf Beiträge in diesem Forum nicht antworten.
Du kannst an Umfragen in diesem Forum nicht mitmachen.