Gegen Bilderklau - Das Original | Druckvorschau: Design zentrieren

Geschrieben von Startpost-Retter am 05.02.2008 um 15:45:

Design zentrieren

Huhu smile

Ich habe ein Problem ._. und zwar habe ich versucht das Design von unserem Hof zu zentrieren, aber irgendwie will es nicht funktionieren.
Habe hier bei GB auch schon fast alle Themen durchgeguckt, die ich gefunden habe, aber ich bin aus den meisten einfach nicht schlau geworden. Kathrin (?) hatte auch irgendwas mit 2 weiteren Unterseiten geschrieben, aber das hab ich auch nicht verstanden -.-'

Also ich würde das Design gerne mit einer Tabelle zentrieren, sprich: Das Design in die Tabelle packen und die Frames dann so einstellen, dass die Werte nicht oben links beim Bildschirmrand anfangen, sondern oben links bei der Tabelle, damit es in allen Auflösungen gut aussieht.
Der Hintergrund vom Design voll eine ganz normale Farbe sein, also alles was außerhalb des Designs liegt.

Würde mich wirklich freuen, wenn uns jemand helfen könnte smile

(und bitte für dumme erklären großes Grinsen

)

Hier der Code:

code:

1:
2:
3:
4:
5:
6:
7:
8:
9:
10:
11:
12:
13:
14:
15:
16:
17:
18:
19:
20:
21:
22:
23:
24:
25:
26:
27:
28:
29:
30:
31:
32:

<html>

<head>
<title>Reiterhof Muster - Den Träumen ein Zuhause</title>
<link rel="stylesheet" type="text/css">
</head>

<body bgcolor="#DCEFC8">

<div align="center" style="position: center">
<table border="0" cellpadding="0" cellspacing="0" style="border-collapse: collapse" bordercolor="#111111" width="100%" height="100%">
  <tr>
    <td width="100%" height="100%">

<img border="0" src="grafiken/reiterhof_muster.png" bgproperties="fixed">

<div id="main" style="position: absolute; left: 326; top: 181;">
<iframe src="home.htm" name="main" width="445" height="350" style="FILTER: chroma (color=#E0F0CE)" frameborder="0" scrolling="auto" allowtransparency="yes" target="main"></iframe>
</div>

<div id="navi" style="position: absolute; left: 133; top: 292;">
<iframe src="navi.htm" name="untermenue" width="135" height="250" style="FILTER: chroma (color=#E0F0CE)" frameborder="0" scrolling="auto" allowtransparency="yes" target="main"></iframe>
</div>

    </td>
  </tr>
</table>

</div>

</html>

Geschrieben von Julia712 am 05.02.2008 um 16:19:

Schon erledigt fröhlich

Geschrieben von banni am 07.02.2008 um 08:36:

Hey du, mit deiner Frage hast du mich neugierig gemacht. Ich hatte nämlich auch das problem, dass ich nicht zentrieren konnte und dass dann eben die Frames passen. Mit der tabellenversion die du da vorgeschlagen hast... das wäre die lösung all meiner probleme.

Dürfte ich fragen, wie sehr du den "normalen" Frameindex-code verändert hast, dass alles in einer Tabelle steckt? Augen rollen

Das wäre echt super...

Geschrieben von Maina am 07.02.2008 um 13:33:

Ich machs immer so. fröhlich

index2.htm

code:

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

<html>
<head>
<title></title>
<meta name="author" content="DScharf">
</head>
<body background="herbsthg.jpg">
<table cellpadding="0" cellspacing="0" width="100%" height="100%" valign="middle" align="center" border="0">
<tr>
<td align="center">
<iframe src="index_1.htm" width="850" height="650" border="0" frameborder="0" scrolling="no"></iframe></td>
</tr>

</table>
</body>
</html>

index_1.htm

code:

1:
2:
3:
4:
5:
6:
7:
8:
9:
10:
11:
12:
13:
14:
15:
16:
17:
18:
19:
20:
21:
22:

<html>
<head>
<title></title>
<meta name="author" content="DScharf">
</head>
<BODY background="hgherbsti2.jpg" marginwidth="0" leftmargin="0" marginheight="0" topmargin="0" scroll="no">

</map>


<div id="Layer1" style="position: absolute;  left: 47px; top: 189px;">
  <iframe src="umenu.htm" name="umenu" width="128" height="361" frameborder=0 scrolling="auto" noresize style="border: 0px" allowtransparency="true" style="FILTER: chroma (color=#ffffff)" ;>
  </iframe>
</div>


<div id="Layer1" style="position: absolute;  left: 235px; top: 196px;">
  <iframe src="home.htm" name="content" width="589" height="401" frameborder=0 scrolling="auto" noresize style="border: 0px" allowtranspareny="true" style="FILTER: chroma (color=#ffffff)" ;>
  </iframe>
</div>
</body>
</html>

Beispiel: (vorsicht, sieht komisch aus, ist aber auch alt xD) http://hexl.he.funpic.de/pferd--/indexxxx.php

Geschrieben von banni am 08.02.2008 um 11:36:

der link - so schlimm siehts nun auch wieder nicht aus - betrifft das index 1 oder 2?
Und mit margin... wenn ich das zentriere und die frames einsetze.. bleiben die dann bei allen bildschirmauflösungen gleich? das wäre ja mein problem. dass es bei mir passt und woanders nicht.

mit der tabelle, wie oben angesprochen, würde das hinhauen. ich weiß jetzt nur nicht, wie ich das design oder so in die tabelle packen kann. geht das so, wie bei dir auf index1?

Geschrieben von Maina am 08.02.2008 um 14:23:

Zitat:

Original von banni
der link - so schlimm siehts nun auch wieder nicht aus - betrifft das index 1 oder 2?
Und mit margin... wenn ich das zentriere und die frames einsetze.. bleiben die dann bei allen bildschirmauflösungen gleich? das wäre ja mein problem. dass es bei mir passt und woanders nicht.

mit der tabelle, wie oben angesprochen, würde das hinhauen. ich weiß jetzt nur nicht, wie ich das design oder so in die tabelle packen kann. geht das so, wie bei dir auf index1?

Beides, sind zwei seiten.

Normalerweise ists bei allen Auflösungen gleich ^^

Tabelle weiß ich nich.

Geschrieben von banni am 08.02.2008 um 15:02:

Du hast zwei indexseiten? gleichzeitig auf der homepage? oder versteh ich da was falsch?

Also, ich könnte mit margin ect. alles einstellen, damit es mittig ist. und das ist dann bei allen auflösungen gleich. hab ich das so richtig verstanden? (ich versichere mich einfach gern, dass ich alles kapiert habe großes Grinsen

)

Danke für die Erklärung! fröhlich

Geschrieben von Julia712 am 08.02.2008 um 15:13:

Huhu!

Habs auch so gemacht Augenzwinkern

Einfach eine Datei index.html nennen (die erste) und die wird dann aufgerufen,w enn man die HP betritt. Im Mittelpunkt der Tabelle wird dann das Design angezeigt (index2.html | der zweite Code).
Da sich die Tabelle mit der Höhe 100% und der Breite 100% immer an den Bildschirm anpasst, ist das Desi auch -egal bei welcher Auflösung- genau in der Mitte smile

Lg, Julia

Geschrieben von Maina am 09.02.2008 um 14:31:

Zitat:

Original von Julia712
Huhu!

Habs auch so gemacht Augenzwinkern

Lg, Julia

So wollte ich mich auch ausdrücken. Aber das kann ich nicht! xD