Gegen Bilderklau - Das Original | Homepagehilfe - Archiv

Gegen Bilderklau - Das Original » Design, Website, Copyright » Homepagehilfe » Homepagehilfe - Archiv » [HTML] Design in die Mitte Setzen

» Hallo Gast [Anmelden|Registrieren]

Letzter Beitrag | Erster ungelesener Beitrag

Druckvorschau | Thema zu Favoriten hinzufügen

Design in die Mitte Setzen

Autor

Beitrag

« Vorheriges Thema | Nächstes Thema »

Schatti
Mitglied

Dabei seit: 21.04.2007
Beiträge: 12.242

Design in die Mitte Setzen

Zitatantwort auf diesen Beitrag erstellen

Wie geht der Code um ein Design in die mitte des bildschirms zu setzen? Bei jedem Nutze sollte sich es genau auf seinen Biildschirm in die mitte setzen.
Das hier ist mein Designcode

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:

<html>
<head>
  <title>Sarahs Code Page</title>

  <link rel="stylesheet" href="style.css" type="text/css">

</head>


<body>
<body background="designgrund.png">

<p align="left">
</p>

<div id="HG" style="position: absolute; top: 0px; left: 0px;"><img src="design6a2i5yvgeo.png" border="0" height="768" width="1024"></img></div>

<div id="Frame" style="position: absolute; top: 226px; left: 124px;"><iframe src="main.html" name="main.html" frameborder="0" height="462" scrolling="auto" width="605"></iframe></div>

<div id="Frame" style="position: absolute; top: 52px; left: 846px;"><iframe name="menue.html" border="0" src="menue.html" frameborder="0" height="367" scrolling="auto" width="175"></iframe>
</div>

</body>
</html>

15.04.2011 14:39

Nehmen Sie Schatti in Ihre Freundesliste auf

Kimi.

Freak <3

Dabei seit: 05.07.2005
Beiträge: 7.811
Herkunft: Hannover
Name: Kim

code:
1:	<center> DESIGNCODE </center>

__________________
hinfallen . aufstehen . krone richten . weitergehen

15.04.2011 17:45

Nehmen Sie Kimi. in Ihre Freundesliste auf

Schatti
Mitglied

Dabei seit: 21.04.2007
Beiträge: 12.242

Themenstarter Thema begonnen von Schatti

Geht nicht.

15.04.2011 18:42

dreamer95 dreamer95 ist weiblich

Mitglied

Dabei seit: 12.12.2010
Beiträge: 387
Herkunft: S-H

<div id="HG" style="position: absolute; top: 0px; left: 0px;"><img src="design6a2i5yvgeo.png" border="0" height="768" width="1024"></img></div>

damit kannst du's weiter in die mitte schieben, aber ob das dann bei jedem zentriert aussieht glaube ich nicht :/

__________________

I'm awake, I'm alive, now I know what I believe inside.
Now it's my time, I'll do what I want, 'cause this is my life.
Here, right now, I'll stand my ground and never back down.
I know what I believe inside, I'm awake and I'm alive.
ava-credits x x

15.04.2011 20:07

Nehmen Sie dreamer95 in Ihre Freundesliste auf

Schatti
Mitglied

Dabei seit: 21.04.2007
Beiträge: 12.242

Themenstarter Thema begonnen von Schatti

Die Art kenne ich aber das bringt mir nichts. Ich suche den richtigen Code dafür.

15.04.2011 20:40

Gleykur Gleykur ist weiblich

Alter Hase xD

Dabei seit: 20.05.2005
Beiträge: 231
Herkunft: Baden-Würrtemberg

RE: Design in die Mitte Setzen

Zitat:

__________________

www.calix.de.tc | www.besserpudding.de

Dieser Beitrag wurde 1 mal editiert, zum letzten Mal von Gleykur: 17.04.2011 00:56.

17.04.2011 00:56

Nehmen Sie Gleykur in Ihre Freundesliste auf

Schatti
Mitglied

Dabei seit: 21.04.2007
Beiträge: 12.242

Themenstarter Thema begonnen von Schatti

Ah okey.
Vieln dank, hat geklappt fröhlich

17.04.2011 12:58

Schatti
Mitglied

Dabei seit: 21.04.2007
Beiträge: 12.242

Themenstarter Thema begonnen von Schatti

Was muss ich mit dem Menü und mit dem Main machen?
Das steht immer noch da wo es vorher war und nicht genau in der mitte?

07.05.2011 15:48

Kullakeeeks Kullakeeeks ist weiblich

Mitglied

Dabei seit: 06.03.2007
Beiträge: 1.591
Herkunft: NRW

Ich vermute mal das gleiche.. smile

Müsstest doch dann eigentlich nur die Zahlen bei "left" gegeneinander aufrechnen, oder?
Ich würds mal so probieren...

07.05.2011 16:13

Nehmen Sie Kullakeeeks in Ihre Freundesliste auf

Schatti
Mitglied

Dabei seit: 21.04.2007
Beiträge: 12.242

Themenstarter Thema begonnen von Schatti

Wie meinst das mit dem rechnen?

07.05.2011 16:17

Kullakeeeks Kullakeeeks ist weiblich

Mitglied

Dabei seit: 06.03.2007
Beiträge: 1.591
Herkunft: NRW

In Gleykurs Beitrag steht das:

margin-left:-512px;

und bei dir das:

left: 124px

beim Main...
Wenn du die gegeneinander aufrechnest, müsstest du doch dann auf -388 kommen, also müsstest du beim Main eigentlich

left: -388px oder auch left: 388px

schreiben.
Allerdings weiß ich nicht, ob das so geht, müsstest du dann mal probieren...

LG

Dieser Beitrag wurde 1 mal editiert, zum letzten Mal von Kullakeeeks: 07.05.2011 16:38.

07.05.2011 16:37

Oli
Server-Administrator

Dabei seit: 13.06.2010
Beiträge: 1.540

Hi,

Zitat:

left: -388px oder auch left: 388px

mit margin-left sollte es passen.

@Schattenpfote: Stell dir folgendes vor:

Du positionierst dein komplettes DIV auf halber Browserbreite, left: 50%.

Jetzt befindet sich der linke Rand deines DIV genau in der Browsermitte:

code:
1: 2: 3: 4: 5:	********************* * XXXXXXX * * XXXXXXX * ********************* (* Browser, X DIV)

Um nun zu erreichen, dass die Mitte des DIV in der Mitte des Browsers steht, verschiebt man es um seine halbe Größe zurück nach Links, margin-left: - halbeDivBreite.

Nun steht bei dir noch

code:
1:	style="position: absolute; top: 226px; left: 124px;"

Du gibst also an, dass das DIV 124px vom linken Rand weg sein soll.
Wenn du nun also möchtest, dass das DIV 124px weiter Rechts ist, ziehst du es einfach weniger nach links, margin-left: - (halbeDivBreite - 124).

Alles klar? Augenzwinkern

08.05.2011 16:13

Nehmen Sie Oli in Ihre Freundesliste auf

Baumstruktur | Brettstruktur

Gehe zu:

Gegen Bilderklau - Das Original » Design, Website, Copyright » Homepagehilfe » Homepagehilfe - Archiv » [HTML] Design in die Mitte Setzen

Impressum

Forensoftware: Burning Board, entwickelt von WoltLab GmbH