DIV soll mindestens so lang sein, wie die Unter-DIVs

Sarek · 01. November 2011 10:57

Hallo zusammen,

mich plagt gerade folgendes Problem. Ich habe ein DIV, welches zwei Unter-DIVs enthält. Die beiden Unter-DIVs enthalten Content. Das sieht im Template so aus:

Hier klicken, um den Code zum Kopieren zu markieren

[== CMSms-Template ==]

<div id="NewsPostDetailContent">
<div id="NewsPostDetailContentLeft">
    {eval var=$entry->content}
</div>
<div id="NewsPostDetailContentRight">
        {eval var=$entry->bilderleiste}
</div>

<div id="NewsPostDetailPrintLink">
    {$entry->printlink}
</div>
{if $return_url != ""}
<div id="NewsPostDetailReturnLink">{$return_url}</div>
{/if}

Nun soll das DIV "NewsPostDetailContent" aber mindestens so hoch sein, wie das höhere der beiden Unter-DIVs "NewsPostDetailContentLeft" und "NewsPostDetailContentRight". Welches von beiden länger ist, kann je nach Content variieren. Unterhalb des DIV "NewsPostDetailContent" kommen im Template dann der printlink und die return_url. Momentan sieht es so aus, daß diese beiden Links mitten im Content stehen, da sie ja direkt unter "NewsPostDetailContent" folgen und dieses DIV sich in der Höhe eben nicht den untergeordneten DIVs anpaßt. Der Content geht sogar über den Seitenrahmen hinaus, da der wiederum direkt nach der return_url kommt.

Das Stylesheet sieht so aus:

Hier klicken, um den Code zum Kopieren zu markieren

[== CSS ==]

#NewsPostDetailContent {
  position: relative;
  top: 0px;
  left: 0px;
  float: none;
  margin-top: 15px;
  margin-bottom: 15px;
  line-height: 150%;
  }

#NewsPostDetailContentLeft {
  position: absolute;
  left: 0px;
  width: 380px;
  margin-top: 15px;
  margin-bottom: 15px;
  line-height: 150%;
  }

#NewsPostDetailContentRight {
  position: absolute;
  top: 0px;
  left: 400px;
  width: 255px;
  margin-top: 15px;
  margin-bottom: 15px;
  line-height: 100%;
  }

Ich habe schon mit FLOAT und CLEAR experimentiert, aber leider ohne Erfolg ...

Sieht jemand den Fehler?

Danke,
Sarek

Beitrag geändert von Sarek (01. November 2011 10:59)

nicmare · 01. November 2011 12:19

das hat zwar so rein garnichts mit cmsms zu tun sondern ist nen allgemeines html anliegen aber so musst du es machen:

Hier klicken, um den Code zum Kopieren zu markieren

<div class="wrapper">
<div class="diveins">
 div eins
</div>
<div class="divzwei">
 div zwei
</div>
<div class="clear"></div>
</div>

.clear { clear:both}
.diveins, .divzwei { float:left; width:50%;}

die höhe vom wrapper ergibt sich dann von alleine.

NaN · 01. November 2011 12:32

nicmare schrieb:

das hat zwar so rein garnichts mit cmsms zu tun

Hm, naja, ist eine CMSms Seite, ist ein CMSms Modul, ist im Bereich Layout Design …
Ist hier schon richtig wink

Sarek · 01. November 2011 13:53

nicmare schrieb:

so musst du es machen:
die höhe vom wrapper ergibt sich dann von alleine.

Müssen es unbedingt Classes sein? Bisher sieht das Template DIV-IDs vor, ich müßte da einiges umschreiben, und kenne mich mit IDs auch deutlichbesser aus als mit Classes.

Und muß die Wrapper-Class auch noch irgendwelche Styles erhalten? Denn so klappt es noch nicht.

antibart · 01. November 2011 14:07

Sarek schrieb:

Müssen es unbedingt Classes sein? Bisher sieht das Template DIV-IDs vor, ich müßte da einiges umschreiben,

Eine ID darf nur einmal pro Seite vergeben werden. Wenn du also mehr als einen Newsartikel pro Seite ausgeben willst, brauchst du Klassen.

Sarek schrieb:

und kenne mich mit IDs auch deutlichbesser aus als mit Classes.

Du kannst Klassen im Prinzip genauso formatieren wie IDs...

Beitrag geändert von antibart (01. November 2011 14:10)

otter24 · 01. November 2011 14:10

Id,s dürfen nur einmal im im Dokument auftauchen, classes beliebig oft, soweit die Theorie
wenn Du 2 x ein Element aufrufst nimmst Du classes, taucht es nur einmal auf kannst Du id´s nehmen.
hier 2 links dazu.
CSS Classes vs ID in englisch
und in deutsch.
CLASS und ID - Bezeichner für CSS-Elemente

nicmare · 01. November 2011 14:15

Sarek schrieb:

nicmare schrieb:
so musst du es machen:
die höhe vom wrapper ergibt sich dann von alleine.
Müssen es unbedingt Classes sein? Bisher sieht das Template DIV-IDs vor, ich müßte da einiges umschreiben, und kenne mich mit IDs auch deutlichbesser aus als mit Classes.
Und muß die Wrapper-Class auch noch irgendwelche Styles erhalten? Denn so klappt es noch nicht.

du kannst ja auch alles so lassen wie gehabt. ging nur um die drei eigenschaften. float, clear und width. damit du verstehst, wie die greifen habe ich es aufs nötigste isoliert. so kannst du es deinem template anpassen.

Forum für CMS/made simple

#1 01. November 2011 10:57

DIV soll mindestens so lang sein, wie die Unter-DIVs

#2 01. November 2011 12:19

Re: DIV soll mindestens so lang sein, wie die Unter-DIVs

#3 01. November 2011 12:32

Re: DIV soll mindestens so lang sein, wie die Unter-DIVs

#4 01. November 2011 13:53

Re: DIV soll mindestens so lang sein, wie die Unter-DIVs

#5 01. November 2011 14:07

Re: DIV soll mindestens so lang sein, wie die Unter-DIVs

#6 01. November 2011 14:10

Re: DIV soll mindestens so lang sein, wie die Unter-DIVs

#7 01. November 2011 14:15

Re: DIV soll mindestens so lang sein, wie die Unter-DIVs

Fußzeile des Forums