Account Options

  1. Sign in
The old Google Groups will be going away soon.
Switch to the new Google Groups.
Google Groups Home
« Groups Home
CSS: z-Index-Problem (falsche Div-Reihenfolge) in IE
There are currently too many topics in this group that display first. To make this topic appear first, remove this option from another topic.
There was an error processing your request. Please try again.
flag
  6 messages - Collapse all  -  Translate all to Translated (View all originals)
The group you are posting to is a Usenet group. Messages posted to this group will make your email address visible to anyone on the Internet.
Your reply message has not been sent.
Your post was successful
 
From:
To:
Cc:
Followup To:
Add Cc | Add Followup-to | Edit Subject
Subject:
Validation:
For verification purposes please type the characters you see in the picture below or the numbers you hear by clicking the accessibility icon. Listen and type the numbers you hear
 
Daniel Breitner  
View profile   Translate to Translated (View Original)
 More options Jan 26, 4:10 pm
Newsgroups: de.comm.infosystems.www.authoring.misc
From: Daniel Breitner <gruenwiesl...@web.de>
Date: Thu, 26 Jan 2012 22:10:59 +0100
Local: Thurs, Jan 26 2012 4:10 pm
Subject: CSS: z-Index-Problem (falsche Div-Reihenfolge) in IE
Hallo,

um einen Effekt zu erreichen, dass eine Überschrift halb den
Textbereich-Div überdeckt, habe ich beide ein bischen gegeneinander
mit margin verschoben, und die z-Indizes entsprechend gesetzt - s. zB.
http://val.muriel-rist.webseiten.cc/referenzen

Das Wort "Auftraggeber/ Referenzen" soll also *vor* dem "grauen
Kasten" liegen. Funktioniert auch super - in allen aktuellen Browsern
(FF, Chrome, Safari, Opera) -  *außer* dem... IE, genau.

Wie kann ich das lösen?? Dass auch der IE... ihr wisst. Danke für alle
Tipps...

(...ach und äh - gibts eigentlich eine Group speziell für CSS ???)

Daniel

--
Marty - it's perfect! You're just not thinking fourth dimensionally!
[Emmett "Doc" Brown]

If you wish to email me, please use newsreply at wuwei minus webservices dot de


 
You must Sign in before you can post messages.
To post a message you must first join this group.
Please update your nickname on the subscription settings page before posting.
You do not have the permission required to post.
Marcel Müller  
View profile   Translate to Translated (View Original)
 More options Jan 26, 5:02 pm
Newsgroups: de.comm.infosystems.www.authoring.misc
From: Marcel Müller <news.5.ma...@spamgourmet.com>
Date: Thu, 26 Jan 2012 23:02:20 +0100
Local: Thurs, Jan 26 2012 5:02 pm
Subject: Re: CSS: z-Index-Problem (falsche Div-Reihenfolge) in IE
Hallo,

On 26.01.2012 22:10, Daniel Breitner wrote:

> um einen Effekt zu erreichen, dass eine Überschrift halb den
> Textbereich-Div überdeckt, habe ich beide ein bischen gegeneinander
> mit margin verschoben, und die z-Indizes entsprechend gesetzt - s. zB.
> http://val.muriel-rist.webseiten.cc/referenzen

hmm, da sind ein paar handwerkliche Fehler drin. Z.B. unzulässige
Sonderzeichen ohne Charset-Angabe. Aber etwas, was im Zusammenhang
steht, sehe ich nicht.

> Das Wort "Auftraggeber/ Referenzen" soll also *vor* dem "grauen
> Kasten" liegen. Funktioniert auch super - in allen aktuellen Browsern
> (FF, Chrome, Safari, Opera) -  *außer* dem... IE, genau.

Naja, das Erscheinungsbild ist aber nicht homogen. Siehe
http://home.arcor.de/maazl/temp/referenzen.png (war FF 6)

> Wie kann ich das lösen?? Dass auch der IE... ihr wisst. Danke für alle
> Tipps...

Wenn du wirklich willst, dass es überall gleich aussieht, hilft nur die
Klassische Lösung: Bitmaps. (SVG ist noch nicht so weit.) Da das Layout
der Seite sowieso nur wie ein Bitmap funktioniert, sprich in keiner
Weise mit dem Bildschirm oder der Fenstergröße skaliert, wäre das
zweifelsohne verschmerzbar.

> (...ach und äh - gibts eigentlich eine Group speziell für CSS ???)

Nicht dass ich wüsste.

Marcel


 
You must Sign in before you can post messages.
To post a message you must first join this group.
Please update your nickname on the subscription settings page before posting.
You do not have the permission required to post.
Thomas 'PointedEars' Lahn  
View profile   Translate to Translated (View Original)
 More options Jan 26, 7:53 pm
Newsgroups: de.comm.infosystems.www.authoring.misc
Followup-To: de.comm.infosystems.www.authoring.misc
From: Thomas 'PointedEars' Lahn <PointedE...@web.de>
Date: Fri, 27 Jan 2012 01:53:43 +0100
Local: Thurs, Jan 26 2012 7:53 pm
Subject: Re: CSS: z-Index-Problem (falsche Div-Reihenfolge) in IE

Daniel Breitner wrote:
> um einen Effekt zu erreichen, dass eine Überschrift halb den
> Textbereich-Div überdeckt, habe ich beide ein bischen gegeneinander
> mit margin verschoben, und die z-Indizes entsprechend gesetzt - s. zB.
> http://val.muriel-rist.webseiten.cc/referenzen

Standardantwort:  Zuerst

<http://validator.w3.org/check?uri=http://val.muriel-
rist.webseiten.cc/referenzen>,

dann

<http://jigsaw.w3.org/css-validator/validator?uri=http://val.muriel-
rist.webseiten.cc/referenzen&profile=css3&usermedium=all&warning=1&vextwarn ing=&lang=de>

> Das Wort "Auftraggeber/ Referenzen" soll also *vor* dem "grauen
> Kasten" liegen. Funktioniert auch super - in allen aktuellen Browsern
> (FF, Chrome, Safari, Opera) -  *außer* dem... IE, genau.

> Wie kann ich das lösen?? Dass auch der IE... ihr wisst. Danke für alle
> Tipps...

Vom "IE" gibt es ca. 42 Versionen auf drölf Systemen und jede von diesen
benutzt eine eigene Version der Layout-Engine (neuere Versionen sogar
mehrere, je nach Einstellung).  In welchen davon soll es funktionieren?

> (...ach und äh - gibts eigentlich eine Group speziell für CSS ???)

Deine Fragezeichen-Taste prellt und Du plenkst.

Diese Gruppe müsste innerhalb der de.comm.infosystems.www.authoring.*-
Hierarchie liegen, und dort gibt es auch keine Gruppe nur für HTML.  Und
jetzt bitte die studentische Transferleistung …

Fragen nach Newsgroups stellst Du übrigens besser in de.newusers.questions,
sofern Dich die Artikel in de.newusers.infos nicht weiterbringen.

PointedEars
--
Snowboarder können gar kein JavaScript. Sie klicken in Dreamweaver
'was zusammen und glauben, das sei "Programmieren".

                                          -- Andreas Hollmann in dciwam


 
You must Sign in before you can post messages.
To post a message you must first join this group.
Please update your nickname on the subscription settings page before posting.
You do not have the permission required to post.
Arno Welzel  
View profile   Translate to Translated (View Original)
 More options Jan 27, 2:28 am
Newsgroups: de.comm.infosystems.www.authoring.misc
From: Arno Welzel <use...@arnowelzel.de>
Date: Fri, 27 Jan 2012 08:28:20 +0100
Local: Fri, Jan 27 2012 2:28 am
Subject: Re: CSS: z-Index-Problem (falsche Div-Reihenfolge) in IE
Daniel Breitner, 2012-01-26 22:10:

> Hallo,

> um einen Effekt zu erreichen, dass eine Überschrift halb den
> Textbereich-Div überdeckt, habe ich beide ein bischen gegeneinander
> mit margin verschoben, und die z-Indizes entsprechend gesetzt - s. zB.
> http://val.muriel-rist.webseiten.cc/referenzen

> Das Wort "Auftraggeber/ Referenzen" soll also *vor* dem "grauen
> Kasten" liegen. Funktioniert auch super - in allen aktuellen Browsern
> (FF, Chrome, Safari, Opera) -  *außer* dem... IE, genau.

> Wie kann ich das lösen?? Dass auch der IE... ihr wisst. Danke für alle
> Tipps...

Erstmal dafür sorgen, dass es ein gültiges Dokument ist:

<http://validator.w3.org/check?uri=http%3A%2F%2Fval.muriel-rist.websei...>

Selbst wenn man den Zeichensatz vorgibt, hat es immer noch etliche Fehler:

<http://validator.w3.org/check?uri=http%3A%2F%2Fval.muriel-rist.websei...>

Erstmal diese Fehler beheben - vorher ist eine Fehlersuche schwierig.

Ansonsten finde ich das Design nicht so glücklich - die Idee mit der
Überschrift, die in den Kasten hineinragt wirkt eher so, als würde hier
ein Fehler vorliegen.

--
Arno Welzel
http://arnowelzel.de
http://de-rec-fahrrad.de


 
You must Sign in before you can post messages.
To post a message you must first join this group.
Please update your nickname on the subscription settings page before posting.
You do not have the permission required to post.
Thomas Braun  
View profile   Translate to Translated (View Original)
 More options Jan 27, 2:48 am
Newsgroups: de.comm.infosystems.www.authoring.misc
From: Thomas Braun <s...@software-braun.de>
Date: Fri, 27 Jan 2012 08:48:36 +0100
Local: Fri, Jan 27 2012 2:48 am
Subject: Re: CSS: z-Index-Problem (falsche Div-Reihenfolge) in IE

Arno Welzel wrote:
> Ansonsten finde ich das Design nicht so glücklich - die Idee mit der
> Überschrift, die in den Kasten hineinragt wirkt eher so, als würde hier
> ein Fehler vorliegen.

Genau, es würde eher nach "Absicht" aussehen wenn der graue Hintergrund an
der Stelle eine Lücke hätte...

thomas


 
You must Sign in before you can post messages.
To post a message you must first join this group.
Please update your nickname on the subscription settings page before posting.
You do not have the permission required to post.
Gustaf Mossakowski  
View profile   Translate to Translated (View Original)
 More options Jan 27, 5:28 am
Newsgroups: de.comm.infosystems.www.authoring.misc
From: Gustaf Mossakowski <gust...@gmx.de>
Date: Fri, 27 Jan 2012 11:28:38 +0100
Local: Fri, Jan 27 2012 5:28 am
Subject: Re: CSS: z-Index-Problem (falsche Div-Reihenfolge) in IE
Daniel Breitner schrieb:

> um einen Effekt zu erreichen, dass eine Überschrift halb den
> Textbereich-Div überdeckt, habe ich beide ein bischen gegeneinander
> mit margin verschoben, und die z-Indizes entsprechend gesetzt - s. zB.
> http://val.muriel-rist.webseiten.cc/referenzen

<http://www.w3.org/TR/CSS2/visuren.html#z-index>:
| 'z-index'
| Applies to:    positioned elements

.headerBlock ist, soweit ich das sehe, kein positioniertes Element.

> Das Wort "Auftraggeber/ Referenzen" soll also *vor* dem "grauen
> Kasten" liegen.

Du könntest die Überschrift auch in den grauen Kasten legen, ihm einen
entsprechend großen Rand nach oben geben und dann die Überschrift mit
negativem Rand nach oben schieben.

Nur ein paar Empfehlungen am Rande:
- Die JS- und CSS-Blöcke solltest Du in separate Dateien auslagern,
jeder wird es Dir danken.
- Es gibt noch Elemente jenseits von DIV, bspw. »<div class="headerText
headerText_1">« ließe sich einfacher und sinnvoller als <h1> schreiben,
mit all den Vorteilen, die eine semantische Auszeichnung hier bringt;
»<br />Soziale Einrichtungen<br />Messen ...« sieht eher nach einer
ungeordneten Liste mit UL LI aus
- Man kann in CSS auch Elemente innerhalb von Klassen ansprechen, »<div
class="feLangLinks_LinkBlock"><a class="feLangLinks_link" ...« wird dann
überflüssig. Die Links können mit ».feLangLinks_LinkBlock a« im
Stylesheet angesprochen werden
- Ich würde CSS und (veraltete) HTML-Formatierungen wie <td
align="center"> nicht mischen, das ist übersichtlicher und reduziert
Fehlerquellen
- !important-Angaben haben im Anbieter-CSS eigentlich nichts zu suchen

Viele Grüße
Gustaf


 
You must Sign in before you can post messages.
To post a message you must first join this group.
Please update your nickname on the subscription settings page before posting.
You do not have the permission required to post.
End of messages
« Back to Discussions « Newer topic     Older topic »