mediengestalter.info
FAQ :: Mitgliederliste :: MGi Team

Willkommen auf dem Portal für Mediengestalter

Aktuelles Datum und Uhrzeit: Do 28.03.2024 11:45 Benutzername: Passwort: Auto-Login

Thema: Div Menu nur ab IE 7. Gehts auch anderes? vom 23.07.2007


Neues Thema eröffnen   Neue Antwort erstellen MGi Foren-Übersicht -> Allgemeines - Nonprint -> Div Menu nur ab IE 7. Gehts auch anderes?
Seite: 1, 2, 3, 4, 5  Weiter
Autor Nachricht
idolumvisions
Threadersteller

Dabei seit: 01.07.2007
Ort: Stuttgart
Alter: 34
Geschlecht: Männlich
Verfasst Mo 23.07.2007 17:48
Titel

Div Menu nur ab IE 7. Gehts auch anderes?

Antworten mit Zitat Zum Seitenanfang

Hallo!

Ich habe lange nach so etwas gesucht, nun funzt es aber im IE erst ab Version 7. Kann man das auch so realisieren, damits mit Div Ebenen auch in älteren Versionen funktioniert?

Hier der Code:

Code:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
  "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=ISO-8859-1">
<meta name="author" content="Maik">
<title>horizontal-boxes</title>

<style type="text/css">
<!--
* {
margin:0;
padding:0;
}

div.box {
float:left;
background:#dedede;
padding:3px 0 0px 10px;
}

div.box div.title {
float:left;
}

div.box div.article {
display:none;
}

div.box:hover div.article {
display:block;
float:left;
width:350px;
background:#fff;
border:1px solid #ddd;
margin-top:-3px;
}
-->
</style>

</head>
<body>

<!-- box 1 -->
<div class="box">
     <div class="title">box 1</div>
     <div class="article">
          <h2>article 1</h2>
          <p>with some dummy text to expand the box</p>
     </div>
</div>
<!-- box 2 -->
<div class="box">
     <div class="title">box 2</div>
     <div class="article">
          <h2>article 2</h2>
          <p>with some dummy text to expand the box</p>
          <table border="1" width="100%">
                 <tr><td>tables</td><td>also</td><td>possible</td></tr>
          </table>
     </div>
</div>
<!-- box 3 -->
<div class="box">
     <div class="title">box 3</div>
     <div class="article">
          <h2>article 3</h2>
          <p>with some dummy text to expand the box</p>
     </div>
</div>

</body>
</html>


Zuletzt bearbeitet von idolumvisions am Mo 23.07.2007 17:49, insgesamt 1-mal bearbeitet
  View user's profile Private Nachricht senden
sahnemuh

Dabei seit: 19.06.2003
Ort: /dev/null
Alter: 42
Geschlecht: Männlich
Verfasst Mo 23.07.2007 19:00
Titel

Antworten mit Zitat Zum Seitenanfang

http://www.xs4all.nl/~peterned/csshover.html

und du solltest unbedingt das lesen - dein html ist grauenvoll Lächel :
http://www.vorsprungdurchwebstandards.de/theory/semantischer-code/
http://meiert.com/de/publications/articles/20040212/
  View user's profile Private Nachricht senden
Anzeige
Anzeige
idolumvisions
Threadersteller

Dabei seit: 01.07.2007
Ort: Stuttgart
Alter: 34
Geschlecht: Männlich
Verfasst Di 24.07.2007 11:32
Titel

Antworten mit Zitat Zum Seitenanfang

Also soviel ichb eim rüberlesen verstaden habe, handelt es sich hier um ein ganz anderes menu.

Ich brauche aber so eins:

CONTAINER1 CONTAINER2 CONTAINER3>>>CONTAINERINHALT<<< CONTAINER4 .....

PS. @ Quellcode, die Seite , die mom. online ist, ist brachgelegt.
  View user's profile Private Nachricht senden
m
Moderator

Dabei seit: 18.11.2004
Ort: -
Alter: -
Geschlecht: Männlich
Verfasst Di 24.07.2007 12:28
Titel

Antworten mit Zitat Zum Seitenanfang

idolumvisions hat geschrieben:
Also soviel ichb eim rüberlesen verstaden habe, handelt es sich hier um ein ganz anderes menu.


Dann solltest du vielleicht nochmal lesen und eventuell sogar mal versuchen etwas umzudenken
oder aber ganz einfach dein Problem genauer beschreiben wenn du dir ganz sicher bist dass das
nicht die Lösung sein kann.


Zuletzt bearbeitet von m am Di 24.07.2007 12:30, insgesamt 1-mal bearbeitet
  View user's profile Private Nachricht senden Website dieses Benutzers besuchen
fuchsbau

Dabei seit: 15.08.2005
Ort: .//root
Alter: 40
Geschlecht: Männlich
Verfasst Di 24.07.2007 12:32
Titel

Antworten mit Zitat Zum Seitenanfang

@idolumvisions: du solltest dich vielleicht erstmal selbst mit deinem code beschäftigen, dann würdest du sehen, dass das durchaus die lösung für dein problem ist.

na gut, bin ja kein arsch: * Du kannst mich mal... * das problem bei deinem menü-shizzle liegt doch nur daran, dass der IE6 das :hover nur für links frisst und eben nicht für alle elemente, so wie es alle anderen browser und der IE7 inzwischen auch tun. das was dir sahnemuh gepostet hat ist ne möglichkeit, dem IE6 per htc beizubringen, was :hover in javascript bedeutet (so wie ich das verstanden hab jedenfalls, bitte korrigiert mich falls nötig)... wenn du das so verwenden willst sollte es also damit gehen. falls es mit englisch nicht so gut klappt, hier imo das selbe problem in deutsch behandelt:

Link

nur, @sahnemuh: imo ist das doch auch "nur" ne javascript-lösung, oder? sprich: ziemlich häßlich * Ich will nix hören... *


Zuletzt bearbeitet von fuchsbau am Di 24.07.2007 12:37, insgesamt 3-mal bearbeitet
  View user's profile Private Nachricht senden
pixelpapst303

Dabei seit: 06.07.2006
Ort: hamburg
Alter: 50
Geschlecht: Männlich
Verfasst Di 24.07.2007 12:41
Titel

Antworten mit Zitat Zum Seitenanfang

fuchsbau hat geschrieben:

nur, @sahnemuh: imo ist das doch auch "nur" ne javascript-lösung, oder? sprich: ziemlich häßlich * Ich will nix hören... *


jepp... denke aber, dass da ohne js nüschts zu machen sein wird... oder irre ich?
allerdings ist der anteil nicht-aktivierter-js-surfer mittlerweile so dermaßen gering, dass man js durchaus mal
einsetzen kann. in zeiten von ajax wird er sicher sogar noch mehr schrumpfen. ist nicht immer alles "hässlich", was js benutzt....


Zuletzt bearbeitet von pixelpapst303 am Di 24.07.2007 12:42, insgesamt 2-mal bearbeitet
  View user's profile Private Nachricht senden Website dieses Benutzers besuchen
fuchsbau

Dabei seit: 15.08.2005
Ort: .//root
Alter: 40
Geschlecht: Männlich
Verfasst Di 24.07.2007 12:43
Titel

Antworten mit Zitat Zum Seitenanfang

pixelpapst303 hat geschrieben:
ist nicht immer alles "hässlich", was js benutzt....


doch, insofern es nicht nur zur verschönerung da ist (und hier gehts um die navi), ist es häßlich. aber wir müssen hier ja jetzt nicht die 2.000.000ste grundsatzdisku zu dem thema führen... Grins also geb ich mich geschlagen (also nicht wirklich, aber du weißt schon *zwinker* )


Zuletzt bearbeitet von fuchsbau am Di 24.07.2007 12:44, insgesamt 1-mal bearbeitet
  View user's profile Private Nachricht senden
Account gelöscht


Ort: -
Alter: -
Verfasst Di 24.07.2007 12:45
Titel

Antworten mit Zitat Zum Seitenanfang

Zitat:
#
hover:expression(this.onmouseover=new Function("this.style.background='#000000';"),this.onmouseout=new Function("this.style.background='#ffffff';"));
#
}


Auweih. Das ist ebenso "nur" ne Javascript-Lösung. "nur" ist auch totaler Quatsch; Javascript ist kein Hindernis für die Zugänglichkeit, wenn man es aus dem Markup raushält.


Zuletzt bearbeitet von am Di 24.07.2007 12:45, insgesamt 1-mal bearbeitet
 
 
Ähnliche Themen css in menu:mal gehts-mal nicht...?
Wie gehts weiter?
Inhaltsverzeichnis mit Tabulator-Einrückung - wie gehts? CS6
Im IE gehts aber nich bei Mozilla :( CSS
Antialiasing bei Photoshop wie bei Flash.. gehts?
Movieclip im Button abspielen, nur wie oder warum gehts net?
Neues Thema eröffnen   Neue Antwort erstellen Seite: 1, 2, 3, 4, 5  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.