Schatti
Mitglied
Dabei seit: 21.04.2007
Beiträge: 12.242
 |
|
| Design in die Mitte Setzen |
     |
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 |
|
|
|
Gleykur
Alter Hase xD
Dabei seit: 20.05.2005
Beiträge: 231
Herkunft: Baden-Würrtemberg
|
|
|
|
17.04.2011 00:56 |
|
|
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 |
|
|
Schatti
Mitglied
Dabei seit: 21.04.2007
Beiträge: 12.242
Themenstarter 
|
|
|
|
15.04.2011 18:42 |
|
|
dreamer95
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 |
|
|
Schatti
Mitglied
Dabei seit: 21.04.2007
Beiträge: 12.242
Themenstarter
|
|
Die Art kenne ich aber das bringt mir nichts. Ich suche den richtigen Code dafür.
|
|
|
15.04.2011 20:40 |
|
|
Schatti
Mitglied
Dabei seit: 21.04.2007
Beiträge: 12.242
Themenstarter
|
|
Ah okey.
Vieln dank, hat geklappt 
|
|
|
17.04.2011 12:58 |
|
|
Schatti
Mitglied
Dabei seit: 21.04.2007
Beiträge: 12.242
Themenstarter
|
|
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
Mitglied
Dabei seit: 06.03.2007
Beiträge: 1.591
Herkunft: NRW
|
|
Ich vermute mal das gleiche..
Müsstest doch dann eigentlich nur die Zahlen bei "left" gegeneinander aufrechnen, oder?
Ich würds mal so probieren...
|
|
|
07.05.2011 16:13 |
|
|
Schatti
Mitglied
Dabei seit: 21.04.2007
Beiträge: 12.242
Themenstarter
|
|
Wie meinst das mit dem rechnen?
|
|
|
07.05.2011 16:17 |
|
|
|
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?
LG
|
|
|
08.05.2011 16:13 |
|
|
Impressum
|
|
