[ERLEDIGT]Verschachtelte div ;D

[maks]

Huhu und los geht's:

<div id="margin">
   <div id="inhalt">
   Text
   </div>
</div>

Wie kann ich jetzt machen, dass mein Inhalt nicht den margin berücksichtigt, der sich hinter der id versteckt?
(den div weglassen will ich nicht, weil das nur auf eine seite zu trifft.)

THX!

 

[Gelöschtes Mitglied 2703]

1. http://www.w3.org/QA/Tips/goodclassnames
2. wo ist der css code
3. was kannst du auf der seite verändern ? den kompletten div code? dann wuerde ich allerdings das div.margin weglassen :?

 

[maks]

#margin {
  padding: 0px;
  margin-top: 12px;
  margin-left: 15px;
  margin-right: 10px;
  margin-bottom: 10px;
  }

#blogs {
  padding-top: 5px;
  margin-bottom: 10px;
  width: 415px;
  height: 75px;
  line-height: 20px;
  background: #DE7B3B;
  text-align: center;
  vertical-align: middle;
  font-family: tahoma, verdana, arial;
  font-size: 10px;
  }

Der Inhalt bei blogs(=id:inhalt) ist variabel, dank PHP. Jedoch will ich auf der Blogs und News Seite keinen Rand, da ich den in den eigenen div's festlege.

 

[Gelöschtes Mitglied 2703]

dann ueberschreib denn margin doch
einfach nur genauere angabe machen.
z.b. ein style="" attribut ist genauer als eine id ist genauer als eine klasse ist genauer als kind selektor.
z.b.
* #margin { margin:0px } in den style bereich der seite

 

[maks]

Das funktioniert leider nicht, da wie gesagt, der Quelltext der Seite immer gleich ist. Lediglich der Inhalt (Text) ändert sich. Kann ich dem blogs-div nicht ein attribut geben, dass das margin-div nicht beachtet wird?

 

[Prophet]

verstehe ich dich richtig: du willst das der margin der ummantelnden divs nicht vom innern beachtet wird?

setzte einfach einen negativen marigen: margin:-[margin des äusseren divs]px;

text in [] muss ersetzt werden..

 

[Gelöschtes Mitglied 2703]

nein. danach habe ich auch schon mal hier gefragt und niemand konnte mir eine Antwort geben.

(du kannst (!TU ES NICHT!) den teilen position:absolute geben und sie dann platzieren wo du willst (!TU ES NICHT!), aber das wird vermutlich dein gesamtes design zerstoeren (!TU ES NICHT!))

edit: prophet es sind mehrere blog dinger. wenn du da margin negativierst wird das doch wohl eher in die hose gehen ?

 

[maks]

Danke, das mit dem negativen Margin hat geholfen, allerdings wird mein margin-bottom vom Firefox im Blog-div nicht mehr angezeigt. Der IE zeigt alles "richtig" an.

 

[Prophet]

das musst du nach der angabe des negativen margins setzen!

 

[maks]

#blogs {
  margin-top: -12px;
  margin-left: -15px;
  margin-right: -10px;
  margin-bottom: 10px;
  padding-top: 5px;
  width: 415px;
  height: 75px;
  line-height: 20px;
  background: #DE7B3B;
  text-align: center;
  vertical-align: middle;
  font-family: tahoma, verdana, arial;
  font-size: 10px;
  }

 

[Prophet]

oh und das funktioniert nicht?

 

[maks]

Danke ich habs.