mediengestalter.info
FAQ :: Mitgliederliste :: MGi Team

Willkommen auf dem Portal für Mediengestalter

Aktuelles Datum und Uhrzeit: Do 25.04.2024 00:58 Benutzername: Passwort: Auto-Login

Thema: Matts Layerproblemchen vom 20.07.2006


Neues Thema eröffnen   Neue Antwort erstellen MGi Foren-Übersicht -> Allgemeines - Nonprint -> Matts Layerproblemchen
Seite: 1, 2  Weiter
Autor Nachricht
Matthias83
Threadersteller

Dabei seit: 08.05.2003
Ort: Germany
Alter: 41
Geschlecht: Männlich
Verfasst Do 20.07.2006 16:04
Titel

Matts Layerproblemchen

Antworten mit Zitat Zum Seitenanfang

Moin, ich hab hier nen kleines Problem mit paar komischen Layern hab jetz solange dran rumgewurschtelt das ich da voll aufn Schlauch stehe.

Schaut selbst:

http://www.temp.lowtechweb.de/ltw.htm

Soweit so gut aber der Knackpunkt ist:
Ich das sich das ganze Ding in der Mitte auseinander und zusammenzieht wenn man nur die Pixelbreite vom mittleren Layer verändert. Dabei sollte das Ganze trotzdem mittig zentriert bleiben. Es darf auch ein anderer Wert verändert werden, wichtig ist nur das es mit einem Parameter geschieht.

Irgendeiner DIE Idee?

Gruß vom Matt


Zuletzt bearbeitet von Matthias83 am Do 20.07.2006 16:11, insgesamt 1-mal bearbeitet
  View user's profile Private Nachricht senden
Spladder

Dabei seit: 26.05.2006
Ort: Köln
Alter: -
Geschlecht: Männlich
Verfasst Do 20.07.2006 16:27
Titel

Antworten mit Zitat Zum Seitenanfang

Würde es bei deinen class="rechts" und "links mal mit float:left; und float:right;

versuchen. Dann sollte es eigentlich klappen, ohne das es auseinanderbricht!
  View user's profile Private Nachricht senden Website dieses Benutzers besuchen
Anzeige
Anzeige
Matthias83
Threadersteller

Dabei seit: 08.05.2003
Ort: Germany
Alter: 41
Geschlecht: Männlich
Verfasst Do 20.07.2006 16:39
Titel

Antworten mit Zitat Zum Seitenanfang

Hmm, bei mir tut sich da nix, dicke klaffende Lücke in der Mitte. *Schnief*
  View user's profile Private Nachricht senden
Spladder

Dabei seit: 26.05.2006
Ort: Köln
Alter: -
Geschlecht: Männlich
Verfasst Do 20.07.2006 16:48
Titel

Antworten mit Zitat Zum Seitenanfang

So fangen wir mal an:

Also das Hintergrundbild(stretcher) würde ich in den Container legen und in verticaler richtung wiederholen lasse. Ausserdem ist es extrem unsauber einem div erst ne class zuzuordnen und dann auch noch ne ID zu verpassen.

<div class="container">
<div class="links">
</div>
<div class="mitte">
</div>
</div class="rechts">
</div>
</div>

dann weiste dem rechts und links das Hintergrundbild zu sagst es oll nicht repeaten und gut sollte das sein. bei rechts und links kannste auch ne breite und Höhe angeben.

Wenn de weitere Hilfe brauc´hst einfach fragen
  View user's profile Private Nachricht senden Website dieses Benutzers besuchen
miga

Dabei seit: 04.08.2004
Ort: offenburg
Alter: 42
Geschlecht: Männlich
Verfasst Do 20.07.2006 16:59
Titel

Antworten mit Zitat Zum Seitenanfang

sollte gehen:

Code:

<html>
<head>
<style type="text/css">
<!--
.mitte {margin:auto;width:100%;text-align:center;}
.container {width:1000px;margin:auto;}
.strech {
   height: 593px;
   width: 465px;
   background-image: url(strech_back.png);
   float:left;
}

#Layer2 {
   position:relative;
   width:200px;
   height:593px;
   z-index:1;
   float:left;
}
#Layer3 {
   position:relative;
   width:200px;
   height:583px;
   z-index:2;
   float:left;
}
-->
</style>
</head>

<body bgcolor="#747474">
<div class="mitte">
<div class="container">
  <div class="left" id="Layer2"><img src="left_back.png" alt="back" width="215" height="593"></div>
  <div class="strech" id="Layer4"></div>
  <div class="right" id="Layer3"><img src="right_back.png" alt="back" width="316" height="593"></div>
</div>
</div>
</body>
</html>

(getestet im Firefox und IExplorer)


Zuletzt bearbeitet von miga am Do 20.07.2006 17:10, insgesamt 1-mal bearbeitet
  View user's profile Private Nachricht senden Website dieses Benutzers besuchen
Matthias83
Threadersteller

Dabei seit: 08.05.2003
Ort: Germany
Alter: 41
Geschlecht: Männlich
Verfasst Do 20.07.2006 18:21
Titel

Antworten mit Zitat Zum Seitenanfang

@miga: das funktioniert schon allerdings ist der Content dann nicht in der Mitte zentriert. Oder hab ich was falsch gemacht?

@Spladder: Ich probier das ma aus!
  View user's profile Private Nachricht senden
miga

Dabei seit: 04.08.2004
Ort: offenburg
Alter: 42
Geschlecht: Männlich
Verfasst Do 20.07.2006 18:39
Titel

Antworten mit Zitat Zum Seitenanfang

http://img425.imageshack.us/img425/7303/screenia3.jpg

oder soll es auch vertikal Zentriert sein?

Edit:
dann hier:
http://d-graff.de/demos/selfhtml/center1.html
http://d-graff.de/demos/selfhtml/center2.html
http://skop.net/self/zentriertes_div.html


Zuletzt bearbeitet von miga am Do 20.07.2006 18:43, insgesamt 1-mal bearbeitet
  View user's profile Private Nachricht senden Website dieses Benutzers besuchen
Matthias83
Threadersteller

Dabei seit: 08.05.2003
Ort: Germany
Alter: 41
Geschlecht: Männlich
Verfasst Do 20.07.2006 18:44
Titel

Antworten mit Zitat Zum Seitenanfang

Und wenn du jetzt vom mittleren layer mit dem neverending Hintergrund die größe veränderst ist es aber verschoben *Schnief*

Vertikal soll es nicht zentriert sein, aber danke Lächel
  View user's profile Private Nachricht senden
 
Neues Thema eröffnen   Neue Antwort erstellen Seite: 1, 2  Weiter
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.