Autor |
Nachricht |
idolumvisions
Threadersteller
Dabei seit: 01.07.2007
Ort: Stuttgart
Alter: 34
Geschlecht:
|
Verfasst Mo 23.07.2007 17:48
Titel Div Menu nur ab IE 7. Gehts auch anderes? |
|
|
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
|
|
|
|
|
sahnemuh
Dabei seit: 19.06.2003
Ort: /dev/null
Alter: 42
Geschlecht:
|
|
|
|
|
Anzeige
|
|
|
idolumvisions
Threadersteller
Dabei seit: 01.07.2007
Ort: Stuttgart
Alter: 34
Geschlecht:
|
Verfasst Di 24.07.2007 11:32
Titel
|
|
|
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.
|
|
|
|
|
m
Moderator
Dabei seit: 18.11.2004
Ort: -
Alter: -
Geschlecht:
|
Verfasst Di 24.07.2007 12:28
Titel
|
|
|
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
|
|
|
|
|
fuchsbau
Dabei seit: 15.08.2005
Ort: .//root
Alter: 40
Geschlecht:
|
Verfasst Di 24.07.2007 12:32
Titel
|
|
|
@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: 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
Zuletzt bearbeitet von fuchsbau am Di 24.07.2007 12:37, insgesamt 3-mal bearbeitet
|
|
|
|
|
pixelpapst303
Dabei seit: 06.07.2006
Ort: hamburg
Alter: 50
Geschlecht:
|
Verfasst Di 24.07.2007 12:41
Titel
|
|
|
fuchsbau hat geschrieben: |
nur, @sahnemuh: imo ist das doch auch "nur" ne javascript-lösung, oder? sprich: ziemlich häßlich |
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
|
|
|
|
|
fuchsbau
Dabei seit: 15.08.2005
Ort: .//root
Alter: 40
Geschlecht:
|
Verfasst Di 24.07.2007 12:43
Titel
|
|
|
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... also geb ich mich geschlagen (also nicht wirklich, aber du weißt schon )
Zuletzt bearbeitet von fuchsbau am Di 24.07.2007 12:44, insgesamt 1-mal bearbeitet
|
|
|
|
|
Account gelöscht
Ort: -
Alter: -
|
Verfasst Di 24.07.2007 12:45
Titel
|
|
|
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?
|
|