tutorials.de Buch-Aktion 05/2012
ERLEDIGT
JA
ANTWORTEN
11
ZUGRIFFE
457
EMPFEHLEN
  • An Twitter übertragen
  • An Facebook übertragen
DIESES THEMA IST
GESCHLOSSEN
  1. 15.04.07 18:45 #1
    reddragon90 reddragon90 ist offline Mitglied Gold
    Registriert seit
    Mar 2007
    Beiträge
    185
    Hallo,

    ich habe zwei Div's untereinander, beim obere kommt der Inhalt rein, und da dieser sich bei jeder seite verlängert oder verkürzt. Und ich CSS verwende, wollte ich fragen ob es möglich ist sich der untere Div automatisch verlängert wenn auch der obere länger wird. Ich habe die CSS Tags nicht in der datei des jeweiligen dokuments sondern in Stylesheets.

    Hoffe ihr könnt mir helfen.

    gruss
     
  2. 15.04.07 18:58 #2
    Maik Tutorials.de Gastzugang
    Hi!

    Was verstehst du darunter, dass sich das untere DIV automatisch verlängert, wenn der Inhalt im oberen DIV zunimmt?

    Kannst du mal den Quellcode posten?
     
  3. 15.04.07 19:20 #3
    reddragon90 reddragon90 ist offline Mitglied Gold
    Registriert seit
    Mar 2007
    Beiträge
    185
    Quellcode habe ich derzeit nicht zur Hand. Ich meine Wenn ich jetzt noch mehr Text in den oberen Div schreibe, soll der untere Div automatisch auch nach unten gehen, so das nicht der obere Div den unteren Div "überquert". Der untere Div soll immer unten bleiben.
     
  4. 15.04.07 19:22 #4
    Maik Tutorials.de Gastzugang
    Der Beschreibung nach klingt es so, wie wenn entweder das untere DIV im Anzeigebereich absolut positioniert ist, oder das obere DIV sich in einer Fließumgebung befindet, die nicht "gecleart", sprich die float-Eigenschaft nicht aufgehoben wurde.
     
  5. 15.04.07 19:35 #5
    reddragon90 reddragon90 ist offline Mitglied Gold
    Registriert seit
    Mar 2007
    Beiträge
    185
    Wie gesagt habe leider den Quellcode derzeit nicht zur Hand, aber das mit dem absolute stimmt glaube ich, kann diese eigentschaft weglassen oder muss ich diese fixen?
     
  6. 15.04.07 19:38 #6
    Maik Tutorials.de Gastzugang
    Ich kenne ja nicht den Aufbau der Seite und weiß ebenso wenig, wofür die absolute Positionierung angedacht ist, aber evtl. kannst du sie ja mal weglassen, oder das Element relativ positionieren.

    Für weitere und vor allem sachdienlichere Hinweise solltest du den Quellcode nachreichen.
     
  7. 16.04.07 16:52 #7
    reddragon90 reddragon90 ist offline Mitglied Gold
    Registriert seit
    Mar 2007
    Beiträge
    185
    Ich habe jetzt schnell mal einen Quellcode erstellt. Der ist bei meiner Seite auch so. Also was mache ich falsch?

    PS: position:absolute, ist wenn man den Layer beliebig irgendwo auf der Seite plazieren will.
     
  8. 16.04.07 16:53 #8
    Maik Tutorials.de Gastzugang
    Wie gesagt, ohne Einsicht in den Quellcode lassen sich da nur schwer Tipps geben.
     
  9. 16.04.07 16:59 #9
    reddragon90 reddragon90 ist offline Mitglied Gold
    Registriert seit
    Mar 2007
    Beiträge
    185
    Upps ich trottel hab vergessen ihn mit dem vorletzen post zu schicken :o

    HTML-Code:
    <!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>
<style type="text/css">
<!--
#Layer1 {
	position:absolute;
	left:99px;
	top:76px;
	width:785px;
	height:137px;
	z-index:1;
	background-image:url(Bild.gif);
	background-repeat:repeat-x;
	}
#Layer2 {
	position:absolute;
	left:99px;
	top:219px;
	width:783px;
	height:140px;
	z-index:2;
	background-image:url(Bild.gif)

}
-->
</style>
</head>

<body>
<div id="Layer1"></div>
<div id="Layer2"></div>
</body>
</html>
     
  10. 16.04.07 17:18 #10
    Maik Tutorials.de Gastzugang
    Versuch es doch mal so:

    Code :
    1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19

    #Layer1 {
        margin-left:99px;
        margin-top:76px;
        width:785px;
        min-height:137px;
        height:auto !important;
        height:137px;
        z-index:1;
        background-image:url(Bild.gif);
        background-repeat:repeat-x;
        }
#Layer2 {
        margin-left:99px;
        width:783px;
        height:140px;
        z-index:2;
        background-image:url(Bild.gif)
 
}
     
  11. 16.04.07 17:25 #11
    reddragon90 reddragon90 ist offline Mitglied Gold
    Registriert seit
    Mar 2007
    Beiträge
    185
    Vielen Vielen Dank für Deine Hilfe. Es hat geklappt
     
  12. 16.04.07 17:37 #12
    Maik Tutorials.de Gastzugang
    Dann markiere das Thema doch bitte auch als erledigt. Vielen Dank!
     
« falsche Darstellung bei IE, Safari und FF ok | durchsichtige farben »

Ähnliche Themen

  1. Layout - Frage
    Von Jessii im Forum HTML-Editoren
    Antworten: 1
    Letzter Beitrag: 26.08.10, 16:47
  2. Layout Frage
    Von retaster im Forum HTML & XHTML
    Antworten: 2
    Letzter Beitrag: 07.01.10, 20:23
  3. XUL - SWT- Layout Frage
    Von Luxor im Forum Swing, Java2D/3D, SWT, JFace
    Antworten: 1
    Letzter Beitrag: 21.04.05, 10:42
  4. Layout Frage!
    Von VipViper im Forum HTML & XHTML
    Antworten: 23
    Letzter Beitrag: 18.02.04, 18:53
  5. Generelle Frage zum Layout
    Von RobertoCarlos im Forum CSS
    Antworten: 3
    Letzter Beitrag: 30.08.03, 12:28