Antworten zum Thema „Text über zwei Div's laufen lassen - CSS“

[barri]

Hallo zusammen!

Ich habe folgendes Problem:
Mein Ziel ist es einen Text über zwei Div's fließen zu lassen.
Der "obere" Div hat eine feste Größe und der untere passt sich ans Seitenenden mit repeat -y an.

Nun möchte ich natürlich diese beiden Div's mit Inhalt füllen ohne jeden einzelnen zu beachten.

Ich hoffe mein Problem ist erkenntlich

Hier mein CSS Code:

#Div mit fester Größe {
margin:0;
padding:0;
width:800px;
height:493px;
background-image:url(images/contentbox.jpg);
background-position: 0px 0px;
margin-left: auto;
margin-right: auto;
}


#Pixel Streifen der bis zum Seitenende wiederholt wird {
margin:0;
padding:0;
width:800px;
background-image:url(images/content.jpg);
background-repeat:repeat-y;
background-position:0px 0px;
margin-left: auto;
margin-right: auto;

}

Ich hoffe mir kann jemand helfen!
Schöne Grüße
Barri

 

[cebito]

AW: Text über zwei Div's laufen lassen - CSS

Wozu soll das gut sein? Mach mal ein Bild, was dein Vorhaben demonstriert! Bis jetzt halt ich das für ziemlichen Mumpitz.

 

[Bleccer]

AW: Text über zwei Div's laufen lassen - CSS

hm... mir ist sowas nicht bekannt das dass klappt was du allerdings machen kannst das wenn der text 50% des oberen Divs einnimmt den text einfach einen margin von 75% zu geben so ist 25% auf dem einen Div und 25% auf dem anderen anders geht es glaube ich auch nicht mit PHP müsste das zu schaffen sein

 

[barri]

AW: Text über zwei Div's laufen lassen - CSS


Hier ein Beispielbild.
Der feste Div enthält ein Bild mit einer "Metallstruktur". Die zu kacheln sieht aber "nicht gut" aus
Also nehme ich anschließend an diesen Div eine graue pixelreihe (zur besseren verständnis im Bsp. schwarz umrandet , die bis zum Seitende geht.

Also ist die Metallstruktur nur am Anfang der Seite zu sehen.

Und jetzt geht es mir um den Übergang zwischen "festem Div" und "Pixelreihe"^^
Wie kann ich über diese beiden einfach einen Text fließen lassen, oder immer beide Div's mit Inhalt füllen zu müssen?

 

[cebito]

AW: Text über zwei Div's laufen lassen - CSS

Seitenhintergrund = Streifen...wiederholt
divHintergrund = Metall...nicht wiederholt

...und was soll jetzt in den zweiten div? :uhm:

 

[d3r_p0hl3]

AW: Text über zwei Div's laufen lassen - CSS

Hey Barri,
cebito hat recht. Es reicht doch, wenn du dem Body den sich wiederholenden Streifen gibst.
In das obere DIV kommt dann die Metalltextur. Diese kannst du ja oben anordnen. Wenn das DIV also größer wird als die Medalltextur wird das DIV nach unten länger, die Grafik bleibt aber oben kleben und im Hintergrund erscheinen die Streifen.

Ich hoffe das hilft.

 

[barri]

AW: Text über zwei Div's laufen lassen - CSS

Jaa.. Ach Mann, ich hab schon wieder zu kompliziert gedacht
Ja das hilft mir weiter.

Danke euch!