tutorials.de Buch-Aktion 05/2012
ERLEDIGT
JA
ANTWORTEN
3
ZUGRIFFE
509
EMPFEHLEN
  • An Twitter übertragen
  • An Facebook übertragen
AUF DIESES THEMA
ANTWORTEN
  1. 17.04.07 17:14 #1
    uprocka uprocka ist offline Mitglied
    Registriert seit
    Jan 2004
    Beiträge
    12
    Hallo,

    ich schaffe es nicht 3 DIV-Elemente so nebeneinander zu positionieren, dass wenn ich per Javascript das 1. Element ausblende die anderen beiden nach links "rutschen".

    Analog dazu habe ich es mit einer dreispaltigenTabelle realisiert wobei per Javascript die erste ausgeblendet wird.

    Dachte jedoch das es per DIV und CSS eleganter wäre - sofern es überhaupt möglich ist.

    hat Jemand eine Idee?
     
    Zitieren Zitieren
  2. 17.04.07 17:27 #2
    Maik Tutorials.de Gastzugang
    Hi,

    versuch es mal hiermit:

    Code :
    1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43

    <!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">
<title></title>
 
<style type="text/css">
<!--
.box {
float: left;
width: 100px;
margin: 0 10px;
border: 1px solid #000;
}
-->
</style>
 
<script type="text/javascript">
<!--
function toggle(divid) {
obj = document.getElementById(divid);
 
obj.style.display = obj.style.display == 'none' ? 'block' : 'none';
}
//-->
</script>
 
</head>
<body>
 
<ul>
    <li><a href="#" onclick="toggle('box1')">Box 1</a></li>
    <li><a href="#" onclick="toggle('box2')">Box 2</a></li>
    <li><a href="#" onclick="toggle('box3')">Box 3</a></li>
</ul>
 
<div id="box1" class="box">Box 1</div>
<div id="box2" class="box">Box 2</div>
<div id="box3" class="box">Box 3</div>
 
</body>
</html>
     
    Zitieren Zitieren
  3. 17.04.07 17:36 #3
    uprocka uprocka ist offline Mitglied
    Registriert seit
    Jan 2004
    Beiträge
    12
    float: left war der entscheidende Tipp!


    Danke dir für die schnelle Antwort.
     
    Zitieren Zitieren
  4. 17.04.07 19:05 #4
    uprocka uprocka ist offline Mitglied
    Registriert seit
    Jan 2004
    Beiträge
    12
    Mir ist gerade aufgefallen, dass man eine feste Breite (width:400px) angeben muss.

    Bei width:auto; funktioniert es nicht.

    Also wenn ich eine der Boxen/Spalten den maximalen Platz ausfüllen lassen möchte, muss ich wohl wieder auf die altbewährte Tabelle zurückgreifen. Oder?
     
    Zitieren Zitieren
« Ajax und charset bei versenden mit "post" | JS Datum in Input-Feld ausgeben »

Ähnliche Themen

  1. DIVs ausblenden
    Von Stelo im Forum Javascript & Ajax
    Antworten: 12
    Letzter Beitrag: 20.05.10, 12:54
  2. DIVs via JS ausblenden
    Von aargau im Forum Javascript & Ajax
    Antworten: 10
    Letzter Beitrag: 26.06.08, 10:24
  3. divs ein-/ausblenden
    Von herrgarnele im Forum Javascript & Ajax
    Antworten: 2
    Letzter Beitrag: 04.06.07, 18:04
  4. JTable + Spalte ausblenden
    Von mDowideit im Forum Swing, Java2D/3D, SWT, JFace
    Antworten: 1
    Letzter Beitrag: 16.04.07, 11:25
  5. Mehrere Text-divs ausblenden...
    Von stefancp im Forum Javascript & Ajax
    Antworten: 1
    Letzter Beitrag: 01.11.05, 13:40