Loon3y
Neues Mitglied
Hallo,
da ich hier neu bin, hoffe ich doch das ich auf etwas Hilfe stoße und nicht auf gleich "schau das an" oder sonstiges. Ich bin in dem gebiet noch recht unerfahren und hoffe das mir hier etwas unter die Arme gegriffen wird.
Meine Problem ist: Ich würde gerne eine Seite machen die zentriert (links, rechts, oben, unten gleicher rand) ein Bild enthält und in diesem Bild ist ein Menu + ein Textfenster welches sich öffnet durch anklicken eines Menubuttons. Das ganze soll bei einer Auflösung von 1024x768 geschehen und eben, wenn einer eine größere Auflösung hat - wie oben schon erwähnt - soll ein Rand sein und das ganze zentriert, wenn einer ne kleiner Auflösung hat muss er eben scrollen.
Angefangen habe ich damit:
Mein Problem bei deser ganzen Sache ist nun, das ich:
1. Zwar zentriert das Bild habe, aber es mir einfach abschneidet sobald das Browserfenster kleiner ist und nicht die möglichkeit anbietet zu scrollen. (nicht das div soll scrollbar sein sondern das komplette fenster ähnlich wie z.B. bei GuildWars.com: Welcome to the Official Guild Wars Website )
2. Je nachdem wie ich das Fenster verschiebe, sich auch mein IFRAME mit verschiebt und nicht fixiert immer an einer position bleibt.
Wie bekomme ich diese Probleme gelöst?
Hoffe wirklich das mehr hier jemand helfen kann.
Danke schoneinmal im Voraus.
Grüße
Loon3y
da ich hier neu bin, hoffe ich doch das ich auf etwas Hilfe stoße und nicht auf gleich "schau das an" oder sonstiges. Ich bin in dem gebiet noch recht unerfahren und hoffe das mir hier etwas unter die Arme gegriffen wird.
Meine Problem ist: Ich würde gerne eine Seite machen die zentriert (links, rechts, oben, unten gleicher rand) ein Bild enthält und in diesem Bild ist ein Menu + ein Textfenster welches sich öffnet durch anklicken eines Menubuttons. Das ganze soll bei einer Auflösung von 1024x768 geschehen und eben, wenn einer eine größere Auflösung hat - wie oben schon erwähnt - soll ein Rand sein und das ganze zentriert, wenn einer ne kleiner Auflösung hat muss er eben scrollen.
Angefangen habe ich damit:
Code:
<!-- Hintergrundfarbe SCHWARZ -->
<body bgcolor="#000000">
<!-- 1. Ebene HINTERGRUNDBILD + Menu -->
<div id="menu" style= "
position: absolute;
left: 50%;
width: 1024px;
margin-left: -512px;
top: 50%;
height: 768px;
margin-top: -350px;
background-image:url(3.jpg);
border: #FFFFFF 2px solid;
">
<a href="home.html" target="aktuell"><img src="01.jpg"></a>
</div>
<!-- 2. Ebene TeXTLICHES -->
<iframe allowtransparency="true" id="text" src="home.html"
style= "
position:absolute;
left:50%;
width:550;
margin-left: -125px;
top:225px;
height:500;
margin-top: -15px;
"
name="aktuell" border="2">
</iframe>Mein Problem bei deser ganzen Sache ist nun, das ich:
1. Zwar zentriert das Bild habe, aber es mir einfach abschneidet sobald das Browserfenster kleiner ist und nicht die möglichkeit anbietet zu scrollen. (nicht das div soll scrollbar sein sondern das komplette fenster ähnlich wie z.B. bei GuildWars.com: Welcome to the Official Guild Wars Website )
2. Je nachdem wie ich das Fenster verschiebe, sich auch mein IFRAME mit verschiebt und nicht fixiert immer an einer position bleibt.
Wie bekomme ich diese Probleme gelöst?
Hoffe wirklich das mehr hier jemand helfen kann.
Danke schoneinmal im Voraus.
Grüße
Loon3y
