mediengestalter.info
FAQ :: Mitgliederliste :: MGi Team

Willkommen auf dem Portal für Mediengestalter

Aktuelles Datum und Uhrzeit: Di 16.04.2024 20:25 Benutzername: Passwort: Auto-Login

Thema: Div Layer trotz relative ein Overlapping vom 16.07.2009


Neues Thema eröffnen   Neue Antwort erstellen MGi Foren-Übersicht -> Allgemeines - Nonprint -> Div Layer trotz relative ein Overlapping
Autor Nachricht
Sayuuki
Threadersteller

Dabei seit: 16.07.2009
Ort: -
Alter: -
Geschlecht: -
Verfasst Do 16.07.2009 11:39
Titel

Div Layer trotz relative ein Overlapping

Antworten mit Zitat Zum Seitenanfang

Hallo^^, Ich habe ein Problem und ich bekomme es einfach nicht hin.

Momentan habe ich einen Div Layer, dieser ist mit Position: absolute angepasst. Der Div layer beinhaltet eine ausfahrbares menü, wodurch das overlapping da sehr sinnvoll ist, da sonst meine ganze seite zerreißen würde. Das Problem allerdings ist, das dies nur auf meine Auflösung angepasst ist. Hat jemand eine niedrige oder höhere Auflösung vershiebt sich der Div Layer (Ebene). Nun habe ich die Position: relativ genutzt und der layer bleibt dort stehen wo er soll, egal welche auflösung. Dennoch ist die Funktion Overlapping weg und somit zerreißt es mein design sobald ich das menü aufklappe.

Kann mir einer helfen wie ich dort wieder das Overlapping reinbekomme?

mfg Sayuuki
  View user's profile Private Nachricht senden
Kash

Dabei seit: 07.11.2002
Ort: Schopfheim
Alter: 41
Geschlecht: Männlich
Verfasst Do 16.07.2009 11:41
Titel

Antworten mit Zitat Zum Seitenanfang

Link!, CSS! und HTML MarkUP Bitte.
  View user's profile Private Nachricht senden
Anzeige
Anzeige
Sayuuki
Threadersteller

Dabei seit: 16.07.2009
Ort: -
Alter: -
Geschlecht: -
Verfasst Do 16.07.2009 13:00
Titel

Antworten mit Zitat Zum Seitenanfang

ok..

Shonenstars.de <<meine site

css habe ich nicht für den div layer auch kp wie ich das machen würde^^

template/html hier:

Zitat:
<div id="Layer1" style="position:absolute; left:761px; top:8px; width:305px; height:36px; z-index:1">
<script language="JavaScript" type="text/JavaScript">
<!--
function MM_reloadPage(init) { //reloads the window if Nav4 resized
if (init==true) with (navigator) {if ((appName=="Netscape")&&(parseInt(appVersion)==4)) {
document.MM_pgW=innerWidth; document.MM_pgH=innerHeight; onresize=MM_reloadPage; }}
else if (innerWidth!=document.MM_pgW || innerHeight!=document.MM_pgH) location.reload();
}
MM_reloadPage(true);
//-->
</script>
<div id="mypanel" class="ddpanel">
<div id="mypanelcontent" class="ddpanelcontent"> <strong><br>
</strong><font color="#313131">--</font><strong>%welcome_back%: </strong><font color="#5d5956" size="2"><a href="#" class="b"><strong><font color="#208ca3">$username</font></strong></a></font><br>
<table width="100%" border="0" cellpadding="1" cellspacing="1">
<tr>
<td width="16" height="21"><br> <br>
</td>
<td width="132" valign="top"><p><span style="padding-bottom:4px; padding-top:4px;"> <font color="#5d5956" size="1"><a href="index.php?site=loginoverview" class="b"><font color="#208ca3"> <br>&#187 %overview%</font></a></font><br>
<font color="#5d5956" size="1"><a href="index.php?site=messenger" class="b"><font color="#208ca3">&#187 %messenger%</font></a></font><br>
<font color="#5d5956" size="1"><a href="index.php?site=buddys" class="b"><font color="#208ca3">&#187 %buddy_list%</font></a></font><br>
<font color="#FFFFFF" size="1"><a href="#" class="b"><font color="#208ca3"> </font></a></font> </span></p></td>
<td width="147" valign="top"> <font color="#5d5956" size="1"><a href="index.php?site=myprofile" class="b"><font color="#208ca3"><br>» %edit_account%</font></a></font><br>
<font color="#5d5956" size="1"><a href="index.php?site=usergallery" class="b"><font color="#208ca3">» %galleries%</font></a></font><br>
<font color="#FFFFFF" size="1"><a href="#" class="b"><font color="#208ca3"> $admin</font></a></font> <font color="#5d5956" size="1"><a href="logout.php" class="b"><font color="#208ca3">&#187 %logout%</font></a></font></td>
</tr>
</table>
</div>
<div id="mypaneltab" class="ddpaneltab"> <a href="#"><span> Zum User Panel</span></a> </div>
</div>
</div>

  View user's profile Private Nachricht senden
Ascend

Dabei seit: 04.09.2008
Ort: Bayern
Alter: 55
Geschlecht: Männlich
Verfasst Do 16.07.2009 13:08
Titel

Antworten mit Zitat Zum Seitenanfang

ich kann es nur mal so betonen.
eine position absolute setzt eine position relative voraus.
das sollte dann in etwa so aussehen:
Code:

<div id="wrapper" style="position:relative;">
<div id="Layer1" style="position:absolute; left:761px; top:8px; width:305px; height:36px; z-index:1">
...
</div>
</div>


den code selber schau ich mir jetzt nicht an ^^ ist zu warm heut

edit: besser ist natürlich eine css anzulegen ^^


Zuletzt bearbeitet von Ascend am Do 16.07.2009 13:30, insgesamt 2-mal bearbeitet
  View user's profile Private Nachricht senden
Sayuuki
Threadersteller

Dabei seit: 16.07.2009
Ort: -
Alter: -
Geschlecht: -
Verfasst Do 16.07.2009 13:24
Titel

Antworten mit Zitat Zum Seitenanfang

Danke für deine hilfe doch wenn ich es so mache wie du sehe ich nirgends mein div layer..ist nichts sehen auf dem layout xD

Edt: habs geschafft ^^ Danke dir ^^


Zuletzt bearbeitet von Sayuuki am Do 16.07.2009 13:27, insgesamt 1-mal bearbeitet
  View user's profile Private Nachricht senden
Ascend

Dabei seit: 04.09.2008
Ort: Bayern
Alter: 55
Geschlecht: Männlich
Verfasst Do 16.07.2009 13:28
Titel

Antworten mit Zitat Zum Seitenanfang

das ist doch was positives. damit sind deine probleme gelöst XD

edit: schön das es jetzt geht


Zuletzt bearbeitet von Ascend am Do 16.07.2009 13:29, insgesamt 1-mal bearbeitet
  View user's profile Private Nachricht senden
 
Ähnliche Themen innerer layer soll äußeren layer automatisch größer machen
[Dreamweaver] Layer in einem anderen Layer unten ausrichten?
Photoshop Layer exportieren auf einzelne Layer Größe
div-layer im Eltern-div-layer zentrieren. Wie geht das?
"1 Layer einblenden / 4 Layer ausblenden"-Problem
[CSS] Float - Layer in Layer
Neues Thema eröffnen   Neue Antwort erstellen
MGi Foren-Übersicht -> Allgemeines - Nonprint


Du kannst keine Beiträge in dieses Forum schreiben.
Du kannst auf Beiträge in diesem Forum nicht antworten.
Du kannst an Umfragen in diesem Forum nicht mitmachen.