Gegen Bilderklau - Das Original | Druckvorschau: Design soll in der mitte sein

Geschrieben von Kuhmuhphu am 28.05.2010 um 23:36:

Ich hab genau die selbe Frage... habs jetzt ein wenig im Internet rumgeschaut und diesen Code gefunden.. weiß allerdings nicht ob das funzt xD musst mal ausprobieren..

einfach vor dem <body background=.... einsetzen

code:
1:	<TABLE style="HEIGHT: 100%" cellSpacing=0 cellPadding=0 align=center border=0 100%> <TBODY> <TD vAlign=center><ALIGN=CENTER>

EDIT: habs grad selber versucht.. geht leider nicht.. werd aber das hier wieter verfolgen smile

Geschrieben von Schatti am 28.05.2010 um 23:41:

Also bei mir tut sich da nichts unglücklich

Geschrieben von callous. am 29.05.2010 um 00:01:

Ich würde einen Frame nehmen, ihn in der Mitte platzieren und dann das Design da rein machen Augenzwinkern

Geschrieben von Schatti am 29.05.2010 um 00:02:

Hö?

Geschrieben von Kuhmuhphu am 29.05.2010 um 00:03:

ohh..

Das hab ich grad gefunden..

Klick

Das ganze Menü etc. im Index? also nichts mit Ebenen.. sonst verschieben sich wohl automatisch deine Textebenen.. (ist ja auch irgendwo klar)

Geschrieben von Jasmina am 29.05.2010 um 00:47:

Wenn man alles (also gesamtes Design plus Menü, Main etc.) in eine Tabelle setzt, und diese anschliessend zentriert müsste es theoretisch klappen. Wie man das allerdings macht, kann ich nicht sagen.

Geschrieben von Schatti am 13.09.2010 um 00:48:

Hols mal wieder hoch.
Das mit einer Tabelle hab ich versucht hat aber nicht geklappt.

Geschrieben von Schatti am 13.09.2010 um 11:14:

Habe mir jeden Tread durch geschaut und mit keinem kom ich zurecht/konnte mir weiter helfen.

Geschrieben von kext am 13.09.2010 um 14:14:

Von welchem Zentrieren reden wir hier genau? Es gibt zwei Möglichkeiten:

1. Horizontal zentrieren

Hierbei hat die Seite eine feste Breite und links und rechts ist jeweils ein gleich breiter Balken.

code:
1:	<div style="width: 800px; margin: 0 auto;">Hier der Inhalt</div>

Mit width gibt man die Breite der seite an, margin sorgt dann mit dem Wert auto dafür, dass der Platz links und rechts gleichmäßig verteilt wird.

2. Vertikal zentrieren

Hierbei hat man einen Block fester Größe, der genau in der Mitte des Bildschirms angezeigt werden soll, also auch oben und unten den gleichen Abstand zum Fensterrand hat. Nur bei sehr flachen Inhalten möglich. Hierfür gibt es etliche Ansätze, die in verschiedenen Browsern verschieden gut funktionieren. Für normale Seiten ratsam ist es eigentlich nie.

Geschrieben von Schatti am 13.09.2010 um 21:17:

Mit dem Code passiert nichts.

Also ich möchte das es oben keinen Platz gibt und dann das Design in der Bildschirmmmite angezeigt wird und das bei jedem so wie die Auflösung ist.

Geschrieben von Oli am 13.09.2010 um 22:24:

Hi,

wenn du mal den Code zeigen würdest, oder - noch besser - einen Link zur Seite postest, kann man dir möglicherweise auch eine auf dein Design passende Antwort liefern.

LG

Geschrieben von Schatti am 14.09.2010 um 12:21:

code:

1:
2:
3:
4:
5:
6:
7:
8:
9:
10:
11:
12:

<!-- Start Design -->
<img border="0" src="106likh.jpg" scroll="no" bgproperties="fixed"
align ="left" style ="position: absolute; top: 0; left: 0" width="1024" height="850">
<!-- End Design -->

<!-- Start Content -->
<div id="startseite.php" style="position: absolute; width: 666; height: 436; left: 295; top: 360"><iframe src="startseite.php" name="content" style="border: 0px;" frameborder="0" height="436" scrolling="auto" width="666" allowtransparency="true"></iframe></div>
<!-- End Content -->

<!-- Start Navigation -->
<div id="menu.php" style="position: absolute; width: 152; height: 277; left: 116; top: 416"><iframe src="menu.php" name="menu" style="border: 0px;" frameborder="0" height="277" scrolling="auto" width="152" allowtransparency="true"></iframe></div>
<!-- End Navigation -->

Geschrieben von kext am 14.09.2010 um 13:02:

Wenn Du mit absolut positionierten Elementen arbeitest, (was eine wirklich schlechte Methode ist, de der Internet Explorer damit einige Probleme hat), musst du den zentrierten Container relativ positionieren.

code:

1:
2:
3:
4:
5:
6:
7:
8:
9:
10:
11:
12:
13:
14:

<div style="width: 1024px; margin: 0 auto; position: relative;">
<!-- Start Design -->
<img border="0" src="106likh.jpg" scroll="no" bgproperties="fixed"
align ="left" style ="position: absolute; top: 0; left: 0" width="1024" height="850">
<!-- End Design -->

<!-- Start Content -->
<div id="startseite.php" style="position: absolute; width: 666; height: 436; left: 295; top: 360"><iframe src="startseite.php" name="content" style="border: 0px;" frameborder="0" height="436" scrolling="auto" width="666" allowtransparency="true"></iframe></div>
<!-- End Content -->

<!-- Start Navigation -->
<div id="menu.php" style="position: absolute; width: 152; height: 277; left: 116; top: 416"><iframe src="menu.php" name="menu" style="border: 0px;" frameborder="0" height="277" scrolling="auto" width="152" allowtransparency="true"></iframe></div>
<!-- End Navigation -->
</div>