Wie den Text im 2. Div runter rutschen lassen

[jamie0502]

Hab ein Problem mit 2 Divs und einem Image

ich hab ein Image:

und ein zweites:

Weiter hab ich eine Tabelle mit den beiden Divs:

....
<table width="100%" border="0" cellspacing="0" cellpadding="0">
                <tr>
                   <td width="469" height="43" valign="top"><div id="content"><div class="content"><p>sdgsdgfhgfdfdgjdj</p>
                   </div></div></td>
                </tr>
                <tr>
                  <td style="width:469px;">&nbsp;</td>
                </tr>
              </table>
....

CSS:

#content{
background:url(Bild1);
padding-top:160px;
background-repeat:no-repeat;
 
}
.content{
background:url(Bild2) repeat-y;
padding-left:60px;
 
}

Ich möchte jetzt erreichen das der Text um ca. 80px vom ersten Bild nach unten rutscht und das 2.te Bild im Hintergrund sixh an der y-Achse wiederholt.
Das erste ist nur im Hintergrund wegen dem oberen Teil der runden Ecken.

Warum das Image nicht anders aufteilen?
Geht nicht. Screen:

Möchte ja das der Text, im Screen weiter oben ist, als von oben ca. 80px nach unten.

Ich hab schon alles mögliche versucht, mit Z-Index, padding, margin etc

Aber bekomms nicht hin...
Hoffe ihr könnt mir da iwie helfen...

 

[Sorc]

AW: Wie den Text im 2. Div runter rutschen lassen

Wenn du schon mit divs Arbeitest kannst du auch gleich table weglassen. Mache 3 boxen mit dem 1ten bild den anfang ohne text. Die 2te mit repeat wiederholen lassen und text einfügen. und in der 3ten box das ende des images. Und mit padding kannst du dann den Text einrücken. Fals du noch weitere tipps brauchst schaue mal hier --> http://little-boxes.de oder hier CSS4You

 

[Momo22m]

AW: Wie den Text im 2. Div runter rutschen lassen

genau mach mit css tabele sind out ihr ein kleiner code wie du es machen konntes

@charset "utf-8";
/* CSS Document */

div#container {
    width:1000px;
    height:768px;
    }
    
div#box {
    background:url(..//Bilder/dein bild.jpg) no-repeat;
    width:500px;
    height:500px;
    position:absolute;
    top:150px;
    left:200px;
     }

machst deine box ihn ein grafik rein

musst es nur noch ausrichten mit top und left und mit der hoche und breite

<div id="container">
 <div id="box"></div>
  </div>

dann kannst du ihn den div box noch dein Text rein machen musst den aber auch in css an sprechen und coden

wen du hilfe brauchst schreib es einfach

so den text kannst du ihn der css dan so an sprechen

#container #box  p {
   color:#333;
   top:80px;
   left10px;
   }

so aber bedenke wen du den p tag ansprecht musst du die breite und hoche von den div box nutzen

also wen du ca 80px runter willst kommt halt top 80px rein und wen du 40px von links rein willst musst du left 40px machen

hoffe konnte hilfen

 

[jamie0502]

AW: Wie den Text im 2. Div runter rutschen lassen

Danke für die schnelle Antwort, aber das hilft leider nix.

Die Tabelle ist da, weil das Ganze ein Template ist.
Die Box ist auch nur der Content

Die Problematik ist, wie ich das 2.te Bild unter das Erste bekomme, da das 2.te Bild ein Puffer für die Höhe ist.

Also wenn mehr Text drinne steht, dient das 2.te Image als Dynamischer Hintergrund. Ich muss also dem Image irgendtwie sagen können, dass es erst nach dem 1.tem Anfängt anzuzeigen, und nicht als erstes.

 

[Momo22m]

AW: Wie den Text im 2. Div runter rutschen lassen

da kann ich leider nicht Hilfen kenn mich mit tablen nicht aus sorry
hoffe das noch eine kommt un dir hilfen kann

 

[Sorc]

AW: Wie den Text im 2. Div runter rutschen lassen

HTML Code:

...
<table border="0" cellpadding="0" cellspacing="0">
    <tr>
        <td class="bild1">&nbsp;</td>
    </tr>
    <tr>
        <td class="bild2">Text Text Text Text Text Text Text Text</td>
    </tr>
</table>
...

CSS Code:

.bild1 {
    background-image: url(bild1);
    width: 469px;
    height: 197px;
}
.bild2 {
    background-image: url(bild2);
    background-repeat: repeat-y;
    width: 197px;
}

So funktioniert es dann. Aber es wäre trotzdem mit div boxen machbar. Tabellen sind kein muss, auch wenn schon welche vorhanden sind.

 

[Landorien]

AW: Wie den Text im 2. Div runter rutschen lassen

Du solltest dir zu erst überlegen was du da machst. Denn du zeichnest garantiert keinen tabellarischen Inhalt aus.

Vllt solltest du ersteinmal deine HTML-Grundlagen auffrischen. Ansonsten kann ich das:



"etwas" empfehlen, wenn auch dann eine tolle div-Suppe entsteht.


Gruß
Lando

 

[jamie0502]

AW: Wie den Text im 2. Div runter rutschen lassen

Das ist ja mein Problem bei der Tabelle, wenn ich 2 Zeilen maceh, dann muss der Text über die Erste Zeile, weil dann das Image zu groß wäre und der Text ca. 80px zu weit unten ist....

Habe andere Lösung gefunden: Neues Design -> Kein Problem ^^

 

[Landorien]

AW: Wie den Text im 2. Div runter rutschen lassen

Naja aber, wie schon zu oft erwähnt, du hast hier doch keine tabellarischen Daten die auszeichnest. Also wieso verwendest du eine Tabelle?