Schatti
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> |
|
dreamer95
<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 :/
Schatti
Die Art kenne ich aber das bringt mir nichts. Ich suche den richtigen Code dafür.
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?
Kullakeeeks
Ich vermute mal das gleiche..
Müsstest doch dann eigentlich nur die Zahlen bei "left" gegeneinander aufrechnen, oder?
Ich würds mal so probieren...
Schatti
Wie meinst das mit dem rechnen?
Kullakeeeks
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
Oli
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
