Suche im Forum:
Suchen


Autor Nachricht
Beitrag02.03.2012 um 17:48 (UTC)    
Titel: Größe des Contentbildes setzen?

Hallo,
ich bin dabei, ein Grundgerüst für ein CSS Design zu basteln. Mein Problem ist der Container/Content (also das Textfeld).
Dafür habe ich mir vorläufig, einen grau/weiße Hintergrund Grafik gemacht. Die Grafik soll sich, egal wie lang oder kurz die Seite ist, immer bis zum Textende/Seitenende wiederholen.
Ich kriege die Wiederholung mit dem Code, einfach nicht hin.

Wäre super nett, wenn mir jemand helfen könnte.

Das ist meine Test Page

http://www.memo-design.de.tl

Und das der Code


body {
background: url(http://img.webme.com/pic/m/mm-ticket4you/ticketwalliblue02.jpg) no-repeat center center fixed;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
-ms-background-size: cover;
background-size: cover; }

/* Hintergrund-Container mit Bild */
#container {
margin: auto;
width:980px;
height:1600px;
background-image:url(http://img.webme.com/pic/m/memo-design/layout2.jpg);}


/* Das Textfeld */
#content {
position: absolute;
left: 50%;
top: 240px;
margin-left:-485px;
width: 675px;
height: 1280px;
color:#000000;
font-size:13px;
font-family:arial;
text-align:left;
background-color:;
background-image:url();
border: 2px solid #000000;}
Beitrag02.03.2012 um 19:35 (UTC)    
Titel:

Hallo,

da wirst du die Grafik wohl in zwei Teile teilen müssen...
Verwende doch die Elemente #pre_header bzw. #post_header oder .header.

Dann kannst du auch die CSS-Eigenschaft
Zitat:
background-repeat:repeat-y;

auf den Content anwenden.

Gruß,

TransInt
______________
Kein Support per PN - Im Forum hilft es allen!

Life is what happens while you are busy making other plans.
- John Lennon


Zuletzt bearbeitet von transint am 02.03.2012, 20:39, insgesamt 2-mal bearbeitet
Beitrag02.03.2012 um 20:35 (UTC)    
Titel:

Hallo tansint,
die Grafik ist nur vorläufig, wegen der Plazierung und Optik.
Mir geht es darum, dass das Hintergrundbild des Contens
bis zum Ende der Seite wiederholt wird.
Die Grafik geht nur bis zu dem height Wert.
Kann es vielleicht damit zu tun haben?
Den Code background-repeat:repeat-y;
hatte ich schon probiert, der funzt aber nicht.
Habe ich den falsch eingefügt?



/* Hintergrund-Container mit Bild */
#container {
margin: auto;
width:980px;
height:1600px;
background-image:url(http://img.webme.com/pic/m/memo-design/layout2.jpg); background-repeat:repeat-y;
}

/* Das Textfeld */
#content {
position: absolute;
left: 50%;
top: 240px;
margin-left:-485px;
width: 675px;
height: 1280px;
color:#000000;
font-size:13px;
font-family:arial;
text-align:left;
background-color:;
background-image:url()
border: 2px solid #000000;}
Beitrag02.03.2012 um 22:41 (UTC)    
Titel:

Hallo,

ich hatte mein Browserfenster gerade nicht auf Fullscreen und konnte deine Seite nur zur Hälfte sehen. Wenn du all deine Elemente einfach nur absolute zum Viewport positionierst, wird das nichts werden.

Du hast die Hintergrundgrafik dem container gegeben. Diesem hast du auch eine feste höhe von 1600px. Dein content auf der Startseite ist größer als 1600px. Alles, was über die Hintergrundgrafik hinausgeht ist overflow. Womit wir wieder bei den absolute zum Viewport positionierten Elementen sind. Du brauchst einen vernünftigen Elementfluss.

Am besten überarbeitest du alles nochmal und orientierst dich an diesen Vorlagen:
http://www.homepage-baukasten.de/forum/viewtopic.php?t=134832
______________
mfg
o-4-n

"If you’re incompetent, you can’t know you’re incompetent." - [David Dunning]

*** Die Suchfunktion ist KEINE tödliche Krankheit! ***

Eventplanung, Equipment, Zeltverleih, Catering
Beitrag05.03.2012 um 15:30 (UTC)    
Titel:

Hallo,
ich habe den Code überarbeitet.. Von der Vorlage, konnte
ich viel lernen. Den Container konnte ich sogar als Header verwenden.
Das neue Layout steht und der Feinschliff, dass kommt noch.
Ich möchte mich noch ganz herzlich, bei Euch beiden, für die Antworten bedanken.
Hat toll geholfen.

Schöne Grüße
memo
Beitrag05.03.2012 um 21:43 (UTC)    
Titel:

Na dann danke für die Rückmeldung. Smile

- CLOSED -
______________
mfg
o-4-n

"If you’re incompetent, you can’t know you’re incompetent." - [David Dunning]

*** Die Suchfunktion ist KEINE tödliche Krankheit! ***

Eventplanung, Equipment, Zeltverleih, Catering
Beiträge der letzten Zeit anzeigen:   


Powered by phpBB © 2001, 2005 phpBB Group
Deutsche Übersetzung von phpBB.de