Antworten auf deine Fragen:
Neues Thema erstellen

Antworten zum Thema „Div Container bei Textänderung verschieben“

MIKNE

Nicht mehr ganz neu hier

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

Noch nicht viel geschrieben

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!
 
H

haseharald

Guest

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

Nicht mehr ganz neu hier

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
 

BigDan

Noch nicht viel geschrieben

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

Nicht mehr ganz neu hier

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

Noch nicht viel geschrieben

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

Nicht mehr ganz neu hier

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

undefined

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:
 
Bilder bitte hier hochladen und danach über das Bild-Icon (Direktlink vorher kopieren) platzieren.
Antworten auf deine Fragen:
Neues Thema erstellen

Willkommen auf PSD-Tutorials.de

In unseren Foren vernetzt du dich mit anderen Personen, um dich rund um die Themen Fotografie, Grafik, Gestaltung, Bildbearbeitung und 3D auszutauschen. Außerdem schalten wir für dich regelmäßig kostenlose Inhalte frei. Liebe Grüße senden dir die PSD-Gründer Stefan und Matthias Petri aus Waren an der Müritz. Hier erfährst du mehr über uns.

Stefan und Matthias Petri von PSD-Tutorials.de

Nächster neuer Gratisinhalt

03
Stunden
:
:
25
Minuten
:
:
19
Sekunden

Flatrate für Tutorials, Assets, Vorlagen

Statistik des Forums

Themen
175.158
Beiträge
2.581.872
Mitglieder
67.225
Neuestes Mitglied
Petra
Oben