• Jetzt anmelden. Es dauert nur 2 Minuten und ist kostenlos!

Elterndiv soll sich an dynamisches kinderdiv (mit height :auto) anpassen

SiDeu

Neues Mitglied
Hallo liebe Gemeinde...
Ich habe einen div mit height:Auto in einem anderen div liegen.
Wenn nun der innere div dem text angepasst wird mit height:Auto soll sich der elterndiv auch vergrößern..
suche schon ewig und ewig aber es will nicht klappen ...
bitte um Hilfe
 
Hallo,

"height: auto" ist die Vorgabe, das musst du nicht extra angeben. Die Größe des div passt sich ihrem jeweiligen Inhalt an.

Wenn das nicht funktioniert hast du dies an anderer Stelle per CSS unterdrückt bzw. "ausgeschaltet". Dies läßt sich mangels Link zu der Seite aber nicht nachvollziehen.

Gruss

MrMurphy
 
Ich komme einfach nicht dahinter.....
ich habe folgenden css code

HTML:
#center {

    width: 1000px;

    min-height: 800px:

    height: auto;

    position: absolute;

    top: 50%;

    left: 50%;

    margin-left: -500px;

    margin-top: -400px;

    background-color: white;

    border: 3px solid black;

    border-color: #292643;

    border-radius: 8px;

    float: left;

}

#KopfmitButtons {

    width: 1000px;

    height: 220px;

    position: absolute;

    /*top: 45%;

    left: 50%;

    margin-left: -500px;

    margin-top: -400px;*/

    background-color: #292643;

    /*border: 3px solid black;*/

    /*border-color: #C6DADA;*/
  

}


#CenterohneLogo {

    position: relative;

    width: 1000px;

    min-height: 800px:

    height: auto;

    left: 40.6666667px;

    top: 205px;

    z-index: 1;

    background-position: center;

    background-repeat: no-repeat;

    background-color: white;

    scrolling: auto;

    border: 3px solid black;

    border-color: #292643;

    outline: 0;

    overflow: auto;

}



/* /////////////////////////////////////////////////////////////////Anzeige Fenster */

#AnzeigeFenster {

    position: relative;

    width: 739px;

    min-height: 800px:

    height: auto;

    left: 40.6666667px;

    top: 205px;

    z-index: 1;

    background-position: center;

    background-repeat: no-repeat;

    background-color: white;

    scrolling: auto;

    border: 3px solid black;

    border-color: #292643;

    outline: 0;

    overflow: auto;

   

}

HTML:
<body id="Body">


<div id="center">

<div id="KopfmitButtons">





<div id="Kopf"><a class="Kopf"> <img src="Bilder/Kopf.jpg" width="1000"
    height="179" /> </a></div>

</div>


<!--<div id="CenterohneLogo" class="CenterohneLogo"></div>-->

[/CODE]
ich will das das anzeigefenster dynamisch mit dem text wächst ...
da es aber schmaler ist wie Center sieht es blöd aus wenn nur der schmale anzeigefenster länger nach unten wird deshalb will ich das sich der Center anpasst habe auch schon probiert noch einen div zu kreieren (Center ohne logo) was aber leider auch nicht funktioniert
 
Hallo,

stelle die Seite bitte online, eventuell bei einem Freeware-Provider wie bplaced.net.

Deine Quellcodeschnipsel sind total unsinnig.

  • Es gibt CSS-Anweisungen zu id, die im HTML-Quelltext überhaupt nicht vorhanden sind
  • Im HTML-Quelltext werden div geöffnet aber nicht geschlossen
  • Der HTML-Quelltext enthält ein Bild, das uns nicht zur Verfügung steht
  • Im HTML-Quelltext überhaupt kein Inhaltstext enthalten

da es aber schmaler ist wie Center sieht es blöd aus wenn nur der schmale anzeigefenster länger nach unten wird deshalb will ich das sich der Center anpasst habe auch schon probiert noch einen div zu kreieren (Center ohne logo) was aber leider auch nicht funktioniert

Die Problembeschreibung verstehe ich auch nicht so recht. Vielleicht findet sich ja jemand, der die "übersetzen" kann.

Gruss

MrMurphy
 
CSS-Anweisungen kenne ich aber zum posten gibt es hier nur html oder php ...
Die divs Center und KopfmitButton habe ich natürlich geschlossen...
Bild hin oder her ist egal...
Inhaltstext kommt ja noch...
habe es jetzt glaube ich hinbekommen mit dem div centerohneLogo da der unter dem Bild anfängt genau wie das Anzeigefenster und nun auch bis ganz nach unten geht mit weisem Hintergrund...
 
Zurück
Oben