[phpBB Debug] PHP Warning: in file [ROOT]/ext/tas2580/seourls/event/listener.php on line 213: Undefined array key "FORUM_NAME"
DIV Tabelle zentriert und oben&unten fest - REDAXO Forum
Hallo,

Wir haben in letzter Zeit festgestellt, dass die Kommunikation via Slack viel schneller und zielführender ist als ein Beitrag im Forum. Aufgrund der neuen und besseren Möglichkeiten der Kommunikation haben wir uns entschlossen das Forum nur noch als Archiv zur Verfügung zu stellen. Somit bleibt es weiterhin möglich hier nach Lösungen zu suchen. Neue Beiträge können nicht mehr erstellt werden.

Wir empfehlen, für deine Fragen/Probleme Slack zu nutzen. Dort sind viele kompetente Benutzer aktiv und beantworten jegliche Fragen, gerne auch von REDAXO-Anfängern! Slack wird von uns sehr intensiv und meistens "rund um die Uhr" benutzt :-)
Selbst einladen kannst Du dich hier: https://redaxo.org/slack/
eammcb
Beiträge: 17
Registriert: 5. Aug 2009, 21:44

DIV Tabelle zentriert und oben&unten fest

30. Aug 2009, 11:18

Hallo liebe Community,

ich habe versucht eine Tabelle so zu erstellen, dass diese immer zentriert ist und auch oben und unten (Fenster/Browserränder) fest sitzt, welche sich auch immer wieder auf die Größe des Fensters anpasst.

Mein Code-Schnipsel der nicht funktioniert, da es zwar oben und unten fest ist, jedoch nicht zentriert (benutze Safari, sollte ja aber für weitgehend alle aktuelleren Browser anzuschauen sein)

Code: Alles auswählen

<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>Unbenanntes Dokument</title>
<style type="text/css">
<!--
body{
	margin:0px;
	padding:0px;
}
#unten{
	background-image:url(Bilder/stadt_bg.jpg);
	background-repeat:repeat-y;
	background-position:center;
	bottom:0px;
	position:fixed;
	width:847px;
	height:100%;
	margin:0 auto;
	padding:0;
}
-->
</style>
</head>
<body>
<div id="unten">
	<div style="text-align:center;">
		<img src="Bilder/stadt_koeln_01.jpg" alt="Köln" /><img src="Bilder/stadt_koeln_02.jpg" alt="Aktuelle Tipps" /><img src="Bilder/stadt_koeln_03.jpg"alt="Kunst & Kultur" /><br />
		<img src="Bilder/stadt_koeln_04.jpg" alt="1. Tag" /><img src="Bilder/stadt_koeln_05.jpg" alt="2. Tag" /><img src="Bilder/stadt_koeln_06.jpg" alt="3. Tag" /><br />
		<img src="Bilder/stadt_koeln_07.jpg" alt="Hotels" /><img src="Bilder/stadt_koeln_08.jpg" alt="Restaurants" /><img src="Bilder/stadt_koeln_09.jpg" alt="Wellness" /><br />
		<img src="Bilder/stadt_koeln_10.jpg" alt="Cafés/Kneipen" /><img src="Bilder/stadt_koeln_11.jpg" alt="Nachtleben" /><img src="Bilder/stadt_koeln_12.jpg" alt="Stadtbilder" />
        </div>
</div>
</body>
</html>

Benutzeravatar
anita
Beiträge: 711
Registriert: 25. Jan 2007, 10:25
Wohnort: Finsterwalde

30. Aug 2009, 13:27

hallo,

probier mal

Code: Alles auswählen

body{
   [b]text-align:center;[/b]
   margin:0px;
   padding:0px;
}
#unten{
   [b]text-align:left;[/b]
   background-image:url(Bilder/stadt_bg.jpg);
   background-repeat:repeat-y;
   background-position:center;
   bottom:0px;
   position:fixed;
   width:847px;
   height:100%;
   [b]margin: auto;[/b]
   padding:0;
} 
den zweiten div mit text-align:center kannst Du weglassen.

ach übrigens, wo ist da eine Tabelle?
Gruß Anita

javanita engineering, immer eine zündende Idee
http://www.javanita.com

psiramo
Beiträge: 120
Registriert: 23. Jun 2009, 18:43

30. Aug 2009, 16:22

es sollte wohl darauf hingewiesen werden, dass die [b] und [/b] im css-code nicht vorkommen dürfen.
da hat offenbar die hervorhebung im post nicht wie gewünscht funktioniert, richtig?

eammcb
Beiträge: 17
Registriert: 5. Aug 2009, 21:44

30. Aug 2009, 16:51

Danke Anita, dass du Dir Zeit nimmst mir zu helfen. Ich habe es genauso probiert, jedoch klappt es leider nicht.
Wenn ich dein Code einfüge bleibt es so wie gehabt. Zwar ist die obere sowie die untere Kante an den Fensterrändern, jedoch ist es nicht zentriert.
Übrigens meinte ich mit dem Begriff Tabelle die DIV, entschuldige meine Ausdrucksweise.

Vielen Dank auch für deine Mühe psiramo!

Benutzeravatar
darwin
Beiträge: 1725
Registriert: 2. Jan 2007, 17:10
Wohnort: LA

31. Aug 2009, 09:00

Hi,
im Netz gibts da einiges, was für Dich als CSS-Neuling
interessant wäre. Schau mal hier: http://www.intensivstation.ch/templates/ (Stichwort: fixe Box total zentriert)

grz. Chris

Benutzeravatar
anita
Beiträge: 711
Registriert: 25. Jan 2007, 10:25
Wohnort: Finsterwalde

31. Aug 2009, 10:31

@ psiramo,

richtig, da hab ich nicht nochmal hingesehen, es sollte fett sein.

@eammcb,

nimm mal position:fixed; raus, dann klappt es.

@ darwin,

das ist genau das, was ich gemacht habe.
Gruß Anita

javanita engineering, immer eine zündende Idee
http://www.javanita.com

eammcb
Beiträge: 17
Registriert: 5. Aug 2009, 21:44

2. Sep 2009, 15:17

So, ich habe mal selbst mir den Kopf zerbrochen, da es irgendwie leider nict so klappte Anita.

ich habe es so hingekriegt und es funktioniert einwandfrei:

Code: Alles auswählen

body, html {height:  100%;}

#unten { height:100% !important; }


body{ 
   background-image:url(Bilder/bg_3spalten.gif); 
   text-align:center;
   margin:0px; 
   padding:0px; 
} 
#unten{ 
   text-align:left; 
   background-image:url(Bilder/stadt_bg.jpg); 
   background-repeat:repeat-y; 
   background-position:center; 
   bottom:0px; 
   width:847px; 
   height:100%; 
   margin: auto;
   padding:0; 
}

Zurück zu „Sonstiges“