Schatti
Wie geht das, dass das Design in der mitte angezeigt wird und je nach Bildschirmgröße sich automatisch anpasst und eben bei jeder Größe genau in der mitte sitzt?
Kuhmuhphu
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
Schatti
Also bei mir tut sich da nichts
callous.
Ich würde einen Frame nehmen, ihn in der Mitte platzieren und dann das Design da rein machen
Kuhmuhphu
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)
Jasmina
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.
Schatti
Hols mal wieder hoch.
Das mit einer Tabelle hab ich versucht hat aber nicht geklappt.
Schatti
Habe mir jeden Tread durch geschaut und mit keinem kom ich zurecht/konnte mir weiter helfen.
kext
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.
Schatti
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.
Oli
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
Schatti
| 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 --> |
|
kext
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> |
|