Gegen Bilderklau - Das Original

Registrierung Mitgliederliste Teammitglieder Suche Häufig gestellte Fragen Statistik Chat Karte Zur Startseite

Gegen Bilderklau - Das Original » Design, Website, Copyright » Homepagehilfe » Homepagehilfe - Archiv » [HTML] Für Freundin: Seite zentriert darstellen » Hallo Gast [Anmelden|Registrieren]
Letzter Beitrag | Erster ungelesener Beitrag Druckvorschau | Thema zu Favoriten hinzufügen
Zum Ende der Seite springen Für Freundin: Seite zentriert darstellen
Autor
Beitrag « Vorheriges Thema | Nächstes Thema »
empty.threat
Mitglied


Dabei seit: 30.11.2006
Beiträge: 336
Für Freundin: Seite zentriert darstellen Auf diesen Beitrag antworten Zitatantwort auf diesen Beitrag erstellen Diesen Beitrag editieren/löschen Diesen Beitrag einem Moderator melden       Zum Anfang der Seite springen
Hallo,

eine Freundin möchte ihre Homepage zentriert darstellen.
Das ist die index.html

Ich komm irgendwie nicht dahinter.
Habs mit divs probiert, CSS, aber irgendwas mach ich auch falsch.

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:
33:
34:
35:
36:
37:
38:
39:
40:
41:
42:
43:
44:
45:
46:
47:
48:
49:
50:
51:
52:
53:
54:
55:
56:
57:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<link rel="shortcut icon" href="http://www.favicon-generator.de/images/icons/4f0697f1-c96f-4cab-9d2c-408b864aa2e4-16.ico"></link>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Unbenannt</title>
<style type="text/css">
<!--
body {
	background-image: url(tfghauptbild01.jpg);
	background-repeat: no-repeat;
	background-color: #3d2501;
}



-->
</style></head>

<body>

<div id="content">

<iframe src="home.html" name="window" scrolling="auto" frameborder="no"  style="Z-INDEX: 100; MARGIN-LEFT: -5px; WIDTH: 744px; POSITION: absolute; TOP: 225px; HEIGHT: 338px; left: 42px; background-color: #b69768; layer-background-color: #e1c4a2; border: 1px none #000000;">  </iframe>
</div>

<img border="0" src="leer1.jpg" style="Z-INDEX: 100; MARGIN-LEFT: 20px; POSITION: absolute; TOP: 160px; left: 7px;" >

<a href="news.html" target="window">
<img border="0" src="news2.jpg" style="Z-INDEX: 100; MARGIN-LEFT: 20px; POSITION: absolute; TOP: 160px; left: 73px;" ></a>

<a href="ich.html" target="window">
<img border="0" src="ich2.jpg" style="Z-INDEX: 100; MARGIN-LEFT: 20px; POSITION: absolute; TOP: 160px; left: 134px;" ></a>

<a href="fotografie.html" target="window">
<img border="0" src="fotografie2.jpg" style="Z-INDEX: 100; MARGIN-LEFT: 20px; POSITION: absolute; TOP: 160px; left: 180px;" ></a>

<a href="ice_Familie.html" target="window">
<img border="0" src="models.jpg" style="Z-INDEX: 100; MARGIN-LEFT: 20px; POSITION: absolute; TOP: 160px; left: 288px;" ></a>

<a href="galerie.html" target="window">
<img border="0" src="galerie2.jpg" style="Z-INDEX: 100; MARGIN-LEFT: 20px; POSITION: absolute; TOP: 160px; left: 436px;" ></a>

<a href="links.html" target="window">
<img border="0" src="links2.jpg" style="Z-INDEX: 100; MARGIN-LEFT: 20px; POSITION: absolute; TOP: 160px; left: 518px;" ></a>

<a href="gaestebuch.html" target="window">
<img border="0" src="gaestebuch2.jpg" style="Z-INDEX: 100; MARGIN-LEFT: 20px; POSITION: absolute; TOP: 160px; left: 589px;" ></a>


<img border="0" src="leer2.jpg" style="Z-INDEX: 100; MARGIN-LEFT: 20px; POSITION: absolute; TOP: 160px; left: 702px;" >



</body>
</html>


Vielleicht kann das ja jemand anderes?
30.06.2009 18:05 empty.threat ist offline E-Mail an empty.threat senden Beiträge von empty.threat suchen Nehmen Sie empty.threat in Ihre Freundesliste auf
Felixx Felixx ist männlich
Mitglied


images/avatars/avatar-54183.png

Dabei seit: 30.05.2005
Beiträge: 2.321
Herkunft: Österreich / Wien
Auf diesen Beitrag antworten Zitatantwort auf diesen Beitrag erstellen Diesen Beitrag editieren/löschen Diesen Beitrag einem Moderator melden       Zum Anfang der Seite springen
Also falls du wirklich die ganze Seite in der Mitte haben möchtest, kann man das mit einer Tabelle machen. Zuerst erstellst du eine Tabelle, die über den ganzen Bildschirm geht und die unsichtbar ist, daher boder auf Null (=kein Rand) und kein cellspacing und cellpadding, da sich der Inhalt ansonsten verschiebt. Anschließend nur noch die einzelne Zelle zentrieren, sowohl horizontal (=align) und vertikal (=valign). Und alles halt wieder ordnungsgemäß schließen fröhlich
Sieht dann so aus:

<table width="100%" height="100%" cellpadding="0" cellspacing="0" border="0">
<tr><td align="center" valign="middle">

Hier kommt der gesamte Inhalt des Bodies hin! Also alles was nach "<body> und vor </body> steht.

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

Ist wahrscheinlich nicht gerade die eleganterste Lösung, aber zumindest eine, die rein über HTML läuft. Ich hoffe, es war verständlich - ansonsten einfach fragen, ich beisse (meistens) nicht Augenzwinkern

Liebe Grüße, Lisi

Dieser Beitrag wurde 1 mal editiert, zum letzten Mal von Felixx: 30.06.2009 21:25.
30.06.2009 21:24 Felixx ist offline E-Mail an Felixx senden Homepage von Felixx Beiträge von Felixx suchen Nehmen Sie Felixx in Ihre Freundesliste auf
empty.threat
Mitglied


Dabei seit: 30.11.2006
Beiträge: 336

Themenstarter Thema begonnen von empty.threat
Auf diesen Beitrag antworten Zitatantwort auf diesen Beitrag erstellen Diesen Beitrag editieren/löschen Diesen Beitrag einem Moderator melden       Zum Anfang der Seite springen
Erstmal danke.
Ja, soll die ganze Seite inkl. Design sein, die zentriert sein soll.

Das mit der Tabelle ist wirklich nicht die eleganteste Lösung... also falls jemand noch ne andere Idee hat...?

Trotzdem danke!


Edit: Das mit der Tabelle hab ich gerade versucht, das funktioniert nicht?

Dieser Beitrag wurde 1 mal editiert, zum letzten Mal von empty.threat: 01.07.2009 14:16.
01.07.2009 14:13 empty.threat ist offline E-Mail an empty.threat senden Beiträge von empty.threat suchen Nehmen Sie empty.threat in Ihre Freundesliste auf
Felixx Felixx ist männlich
Mitglied


images/avatars/avatar-54183.png

Dabei seit: 30.05.2005
Beiträge: 2.321
Herkunft: Österreich / Wien
Auf diesen Beitrag antworten Zitatantwort auf diesen Beitrag erstellen Diesen Beitrag editieren/löschen Diesen Beitrag einem Moderator melden       Zum Anfang der Seite springen
Was genau funktioniert denn nicht? Wird dir gar nichts mehr angezeigt oder sind "nur" die Iframes verschoben? Das mit den I-frames ist nämlich IMMER eine doofe Geschichte. Wart mal ab, ob nicht noch bessere Vorschläge kommen Augenzwinkern

Liebe Grüße, Lisi
01.07.2009 15:44 Felixx ist offline E-Mail an Felixx senden Homepage von Felixx Beiträge von Felixx suchen Nehmen Sie Felixx in Ihre Freundesliste auf
empty.threat
Mitglied


Dabei seit: 30.11.2006
Beiträge: 336

Themenstarter Thema begonnen von empty.threat
Auf diesen Beitrag antworten Zitatantwort auf diesen Beitrag erstellen Diesen Beitrag editieren/löschen Diesen Beitrag einem Moderator melden       Zum Anfang der Seite springen
Es ändert sich einfach gar nichts....unglücklich
01.07.2009 16:22 empty.threat ist offline E-Mail an empty.threat senden Beiträge von empty.threat suchen Nehmen Sie empty.threat in Ihre Freundesliste auf
empty.threat
Mitglied


Dabei seit: 30.11.2006
Beiträge: 336

Themenstarter Thema begonnen von empty.threat
Auf diesen Beitrag antworten Zitatantwort auf diesen Beitrag erstellen Diesen Beitrag editieren/löschen Diesen Beitrag einem Moderator melden       Zum Anfang der Seite springen
Ne, da tut sich auch nichts unglücklich
01.07.2009 20:55 empty.threat ist offline E-Mail an empty.threat senden Beiträge von empty.threat suchen Nehmen Sie empty.threat in Ihre Freundesliste auf
Kruemelletto Kruemelletto ist weiblich
määh^^


images/avatars/avatar-20752.jpg

Dabei seit: 18.05.2005
Beiträge: 237
Auf diesen Beitrag antworten Zitatantwort auf diesen Beitrag erstellen Diesen Beitrag editieren/löschen Diesen Beitrag einem Moderator melden       Zum Anfang der Seite springen
Kann man sich das mal online anschauen?
Ich würde es aber eigentlich auch mit ner Tabelle lösen... Finde das ganz und gar nicht unelegant ;D

__________________
Thx an Tea fürs Ava

Dieser Beitrag wurde 1 mal editiert, zum letzten Mal von Kruemelletto: 02.07.2009 22:49.
02.07.2009 22:49 Kruemelletto ist offline E-Mail an Kruemelletto senden Beiträge von Kruemelletto suchen Nehmen Sie Kruemelletto in Ihre Freundesliste auf MSN Passport-Profil von Kruemelletto anzeigen
Lauri Lauri ist weiblich
herzchenaugen()


images/avatars/avatar-52496.png

Dabei seit: 21.05.2005
Beiträge: 5.603
Herkunft: Essen
Name: Laura
Auf diesen Beitrag antworten Zitatantwort auf diesen Beitrag erstellen Diesen Beitrag editieren/löschen Diesen Beitrag einem Moderator melden       Zum Anfang der Seite springen
Ich mach sowas immer mit einer Kombiantion aus Iframes und Tabelle und eigentlich klappt es so immer bei mir:

code: 
1:
2:
3:
4:
5:
6:
7:
8:
9:

<table align="center" width=100% style="border: 1px; height: 100%">
<tr>
<td style="border: 0px; height: 100%" width="100%">
<p align="center">
<iframe src="index2.html" name="lay" width="1024" height="768" allowtransparency="true" frameborder="0" scrolling="no"></iframe>
</td>
</tr>
</table>


Müsste halt das Layout, wie du es oben im Code hast, als index2.html abgespeichert werden und die Werte für die Größe angepasst werden.

Ist vielleicht nicht elegant, funktioniert aber - zumindest bei mir - immer.

__________________


Holzhacken ist deshalb so beliebt, weil man bei dieser Tätigkeit den Erfolg sofort sieht.
Albert Einstein.
04.07.2009 04:40 Lauri ist offline E-Mail an Lauri senden Beiträge von Lauri suchen Nehmen Sie Lauri in Ihre Freundesliste auf
Baumstruktur | Brettstruktur
Gehe zu:
Gegen Bilderklau - Das Original » Design, Website, Copyright » Homepagehilfe » Homepagehilfe - Archiv » [HTML] Für Freundin: Seite zentriert darstellen

Impressum

Forensoftware: Burning Board, entwickelt von WoltLab GmbH