Div Container bei Textänderung verschieben

MIKNE · 07.07.2009

Hallo an alle,
Ich habe einen Content, indem der normale Text und Bilder enthalten sind.
Jetzt möchte ich am Textende Verweise auf andere Seiten in Form von kleineren Containern einfügen.
Wenn ich jedoch den Text korrigiere dann bleiben diese Container immer fix plaziert.
Sie sollen sich aber an den Text anpassen und sich bei Textänderungen entweder nach oben oder unten verschieben.
Welcher CSS Befehl ist hier nötig?

BigDan · 07.07.2009

AW: Div Container bei Textänderung verschieben

Hast du vielleicht einen Link bzw. den Quellcode. Ist schwer zu sagen da es mehrere Möglichkeiten gibt!

haseharald · 07.07.2009

AW: Div Container bei Textänderung verschieben

Wenn Du den Verweiscontainer fix platzierst, bleibt er natürlich da stehen, wo Du ihn hinstellst. Eigentlich musst Du nur den fix entfernen...
Aber BigDan hat recht, Link oder Quellcode macht die Beantwortung der Sache einfacher!

MIKNE · 07.07.2009

AW: Div Container bei Textänderung verschieben

Eigentlich ist es nur ein Container der Text im Absatzformat enthält, und der von Zeit zu Zeit korrigiert werden muss
CSS zum Content:

#content {
width: 555px;
position: absolute;
top: 219px;
left: 224px;
background-repeat: no-repeat;
}
und in diesem Div sollten im Anschluß an den Text ein od. mehrere Div. mit Text u. Links zu anderen Seiten Plaziert werden. und diese sollten sich dem Test anpassen, wie bei einer Tabelle

DaRocco · 07.07.2009

AW: Div Container bei Textänderung verschieben

Und warum verlinkst du nicht im HTML Teil?

BigDan · 07.07.2009

AW: Div Container bei Textänderung verschieben

Auch der Quellcode für den Div der im Anschluß an den Text nun kommen soll wäre hilfreich. Aber ich glaube ich kann dir den Begriff float empfehlen! In deinem Fall vielleicht float:right; Das bedeutet das der Container im Anschluß sich immer rechts vom Text hält.
Wenn mich nicht alles täuscht!?! Schon ne Weile her.

MIKNE · 07.07.2009

AW: Div Container bei Textänderung verschieben

@ DaRocco - Für diese Seiten sind keine Links vorgesehen, da es sich nur um weiterführende Texte zum gleichen Thema handelt.

@ BigDan
der Code wo der Container jetzt plaziert plaziert ist:

#verweis {
position:absolute;
left:225px;
top:2114px;
width:555px;
height:52px;
z-index:201;
}

darüber Text.
bei mehr Text soll sich der Container nach unten verschieben, bei weniger nach oben.

BigDan · 07.07.2009

AW: Div Container bei Textänderung verschieben

Hm, der div #verweis hat die Eigenschaft position:absolut; Du legst also fest wo er genau auf der Seite sich befinden soll. Er kann somit sich bei kurzen Text nicht nach oben verschieben. Sondern ist immer bei left:225px und top:2114px

Ich hoffe ich verstehe das Problem richtig.

Es wäre eine Möglichkeit, in den #content Container einen weiteren div zu machen #text. Diesen positionierst du dann fest, so dass sich nur die Höhe verändern kann. Und dann definierst du mit Hilfe von float, das der Div #verweis immer unterhalb von #text sein soll. Hoffe du verstehst was ich meine.

So würde ich versuchen das Problem zu lösen.

MIKNE · 07.07.2009

AW: Div Container bei Textänderung verschieben

@ BigDan danke,
verstehe schon was du meinst, werde es so probieren.
Wenns geht geb ich dir bescheid.
Ansonsten muss wohl wieder die gute "alte" Tabelle herhalten

Wünsch noch einen schönen Abend

cebito · 07.07.2009

AW: Div Container bei Textänderung verschieben

Definiere Links! DaRocco hat schon Recht mit seiner Frage. Auch weiterführende Texte zum Thema sind verlinkt! Kann z.B. für dich so aussehen:

HTML:

<!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">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Unbenanntes Dokument</title>
</head>
<style type="text/css">
#content{
position:absolute;
top:219px;
left:224px;
width:555px;
}
</style>
<body>
<div id="content">Text text text usw. <br />
<br />
<a href="vorige_Seite">zurück</a>&nbsp;<a href="naechste_Seite">vorwärts</a></div>
</body>
</html>

Wenn du unbedingt den(die) Verweise(e) - die ja eigentlich Links sind

- in nem extra-Container haben willst, dann geht das so.

HTML:

<!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">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Unbenanntes Dokument</title>
</head>
<style type="text/css">
#drumrum{
position:absolute;
top:219px;
left:224px;
width:555px;
}
#content{
width:555px;
}
#verweis{
width:555px;
}

</style>
<body>
<div id="drumrum">
  <div id="content">Text</div>
  <div id="verweis">Verweise</div>
</div>
</body>
</html>

Beide Beispiele gehen davon aus, dass du bei der absoluten Positionierung bleiben willst.
Ach ja, float hat hier im übrigen überhaupt nichts verloren :nee:

cebito · 07.07.2009

AW: Div Container bei Textänderung verschieben

timomatrixer schrieb:
Jeah wusste ich nicht dankeschön ;-)

Wusstest du nicht? Ich verrate dir noch mehr, weil ich nämlich hellsehen kann! Deine Mitgliedschaft hier wird sehr sehr kurz ausfallen!!!