.gif position im <div> Container

Andreas Weidlich · #1 03.07.07, 22:27

Hallo,

ich möchte ein .gif in einem <div> container in der mitte haben, ich bekomm das einfach nicht hin. Ihr habt doch bestmmt eine schnelle lösung für mich.

hier der auszug aus meinem skript:

seite = PAGE
seite.bodyTagAdd = bgcolor=ffcc99
seite.includeLibs.gmenu_layers = media/scripts/gmenu_layers.php
seite.bodyTag = <body leftmargin="0" topmargin="O" marginwidth="80%" marginhigh="0">
seite.5 = IMAGE
seite.5.file = fileadmin/Alles_unter_einem_Dach.gif
seite.5.wrap = <div> | </div>

lg andreas

**Kurt51** · #2 04.07.07, 09:14

Zitat:

Zitat von Andreas Weidlich

Hallo,

ich möchte ein .gif in einem <div> container in der mitte haben, ich bekomm das einfach nicht hin. Ihr habt doch bestmmt eine schnelle lösung für mich.

hier der auszug aus meinem skript:

seite = PAGE
seite.bodyTagAdd = bgcolor=ffcc99
seite.includeLibs.gmenu_layers = media/scripts/gmenu_layers.php
seite.bodyTag = <body leftmargin="0" topmargin="O" marginwidth="80%" marginhigh="0">
seite.5 = IMAGE
seite.5.file = fileadmin/Alles_unter_einem_Dach.gif
seite.5.wrap = <div> | </div>

lg andreas

Nimm das GIF als Hintergrundbild des DIV per CSS und zentriere es dort:

Code:

div#bild {
...
   background: white url(fileadmin/Alles_unter_einem_Dach.gif) no-repeat center center
...
}

Andreas Weidlich · #3 04.07.07, 22:25

Hallo Kurt,

danke für den Tipp, ich habe das css nach Deinen Angaben erstellt und im fileadmin gespeichert. leider bin ich noch nicht so fit im typoskript und habe es noch nicht geschafft das css richtig einzubinden. Ich werden da noch etwas brauchen.

Gruß Andreas

**Kurt51** · #4 05.07.07, 12:59

Zitat:

Zitat von Andreas Weidlich

Hallo Kurt,

danke für den Tipp, ich habe das css nach Deinen Angaben erstellt und im fileadmin gespeichert. leider bin ich noch nicht so fit im typoskript und habe es noch nicht geschafft das css richtig einzubinden. Ich werden da noch etwas brauchen.

Gruß Andreas

Das machst Du so:
seite.includeCSS.file1 = fileadmin/style.css

robelix · #5 05.07.07, 13:49

Ein Anderer CSS-Trick - für Sachen die nicht über Background machbar sind:

Code:

div.zentriert {
  display:table-cell;
  text-align:center;
  vertical-align:middle;
}

(Im IE6 funktioniert die vertikale Zentrierung so allerdings nicht)

Andreas Weidlich · #6 07.07.07, 22:43

?? ich habe wirklich einiges ausprobiert, bin aber nicht weitergekommen, auch habe ich nichts in meineem schlauen buch gefunden, vielleicht sollte ich holzhacken gehen

)

könnt ihr mir das vielleicht mal als ganzes skript schicken, hir der stand als ich aufgegeben habe:

seite = PAGE
seite.includeLibs.gmenu_layers = media/scripts/gmenu_layers.php
seite.bodyTag = <body leftmargin="0" topmargin="0" marginwidth="70%" marginhigh="0" >
seite.1.includeCSS.file1 = fileadmin/header.css
//seite.1 = FILE
//seite.1.file1 = fileadmin/header.css
seite.1.wrap = <div img = fileadmin/logo1.gif> | </div>
//seite.5 = IMAGE
//seite.5.file = fileadmin/logo1.gif
//seite.5.wrap = <div> | </div>

grüße

andreas

**Kurt51** · #7 08.07.07, 11:35

Huuch - was war DAS denn alles!?!?

Lieber Andreas, ich weiß zwar nicht, was Du womit machen willst aber ich probier's mal (das gilt aber nur für meine Version mit dem Hintergrundbild!:sad:

Zitat:

Zitat von Andreas Weidlich

seite = PAGE
seite.includeLibs.gmenu_layers = media/scripts/gmenu_layers.php
seite.bodyTag = <body leftmargin="0" topmargin="0" marginwidth="70%" marginhigh="0" >

seite.bodyTag kannst Du weg lassen, die Parameter gehören ins CSS!!!

Zitat:

Zitat von Andreas Weidlich

seite.1.includeCSS.file1 = fileadmin/header.css = falsch!

Richtig: seite.includeCSS.file1 = fileadmin/header.css - OHNE .1 !!!

Zitat:

Zitat von Andreas Weidlich

seite.1.wrap = <div img = fileadmin/logo1.gif> | </div>

seite.stdWrap.wrap = <div id="header"> | </div>

und dann kommt ins header.css z.B. das:
div#header {
background: white url(fileadmin/logo1.gif) no-repeat center center;
}

Themen-Optionen
Druckbare Version zeigen Jemanden per E-Mail auf dieses Thema hinweisen
Ansicht	Thema bewerten
Linear-Darstellung Zur Hybrid-Darstellung wechseln Zur Baum-Darstellung wechseln	Thema bewerten:

Ähnliche Themen
Thema	Autor	Forum	Antworten	Letzter Beitrag
container über container	isery	TYPO3 3.x Fragen und Probleme	5	08.07.08 12:39
rgsmoothgallery position ändern	Rtype	TYPO3 4.x Fragen und Probleme	3	02.10.07 07:11
Gelöst gmenu_layer Position	alona	TYPO3 4.x Fragen und Probleme	1	20.09.07 09:42
index.php Position.Frage?	bobhead	TYPO3 4.x Fragen und Probleme	1	25.01.07 14:34
newloginbox-Position ändern ??	caballero82	TYPO3 4.x Fragen und Probleme	16	13.09.06 12:59

Suche

Userpanel

.gif position im <div> Container