Ein div über dem anderen

[Franz Meier]

Hallo,

ich möchte die divs duration, distance, locationText und arrivalButton über das div map_canvas (is eine google maps) legen.
Beim div map_canvas hab ich dieses css unten.

Ist es möglich, diese divs über das map_canvas div zu legen?
lg
Franz

  
#map_canvas {  
    float:right;  
    background-color: #eee;  
    margin-top: 0px;  
    margin-right: 65px;  
    padding: 0px;  
    width:550px;  
    height: 650px;  
    -moz-border-radius: 5px;  
    }  

  
<table>  
                            <tr>  
                                <td>  
                                    <div id="duration">  
                                        Duration  
                                    </div>  
  
                                    <div id="distance">  
                                        Distance  
                                    </div>  
  
                                    <input id="locationText" type="text" />  
                                    <input id="arrivalButton" type="button" value="Anfahrt" name="Location" onclick="showArrivalRoute()" />  
  
                                    <div id="map_canvas"></div>  
                                </td>  
                            </tr>  
...  

[Gunnar Bittersmann]

@@Franz Meier:

nuqneH

Ist es möglich, diese divs über das map_canvas div zu legen?

Ja. Absolute Positionierung. Oder negative margins.

-moz-border-radius: 5px;

Das ist falsch. Aus mehreren Gründen.

(1) Don’t break the Web! Wenn du experimentelle CSS-Eigenschaften einsetzt, dann für alle Browser, die das Feature unterstützen. Also nicht nur -moz-Präfix, sondern auch die für andere Browser.

(2) Bei border-radius ist schon lange ist kein Präfix mehr nötig. (Es sei denn -webkit- für Android 2.1.) Firefox unterstützt -moz-border-radius auch gar nicht mehr.

Qapla'