 Design zentrieren |
Startpost-Retter
Mitglied
Dabei seit: 24.01.2011
Beiträge: 12.246
Herkunft: Gegen Bilderklau, intern
 |
|
Huhu 
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
(und bitte für dumme erklären 
)
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>
|
|
__________________
Dieser Beitrag gehörte zu einer Löschaktion von Beiträgen eines Users, er wurde diesem User überschrieben, damit der Thread nicht an Sinn verliert.
|
|
05.02.2008 15:45 |
|
|
Julia712
Mitglied
Dabei seit: 28.11.2006
Beiträge: 2.262
|
|
Schon erledigt 
|
|
|
05.02.2008 16:19 |
|
|
Maina
Pseudomitglied
Dabei seit: 20.04.2006
Beiträge: 7.655
Herkunft: Kreuzberg
|
|
Ich machs immer so.
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
|
|
|
07.02.2008 13:33 |
|
|
Maina
Pseudomitglied
Dabei seit: 20.04.2006
Beiträge: 7.655
Herkunft: Kreuzberg
|
|
| 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.
|
|
|
08.02.2008 14:23 |
|
|
Julia712
Mitglied
Dabei seit: 28.11.2006
Beiträge: 2.262
|
|
Huhu!
Habs auch so gemacht 
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
Lg, Julia
|
|
|
08.02.2008 15:13 |
|
|
Maina
Pseudomitglied
Dabei seit: 20.04.2006
Beiträge: 7.655
Herkunft: Kreuzberg
|
|
| Zitat: |
Original von Julia712
Huhu!
Habs auch so gemacht
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
Lg, Julia |
So wollte ich mich auch ausdrücken. Aber das kann ich nicht! xD
|
|
|
09.02.2008 14:31 |
|
|
|
Impressum
|
