Ergebnis 1 bis 6 von 6
  1. #1
    magnetic_water ist offline Doppel-As
    registriert
    08-03-2009
    Beiträge
    123

    Unhappy Element soll in Box bleiben

    Ich habe ein Elternelement, in dem sich eine Navi befindet. Ich möchte, dass sie ganz unten im Elternelement steht, aber ich bekomme es nicht hin

    http://www.area51tests.pytalhost.com/position/

    HTML-Code:
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    
    <html xmlns="http://www.w3.org/1999/xhtml">
     
    <head>
      
    <title>--</title>
    
    
    
    
    
    <link rel="stylesheet" href="css.css" type="text/css"/>
    
    
    
    
    
    
    
    
    
    </head>
     
    
    
    
    
    
    
    
    <body>
     
    
    <div id="desktop">
    	
    		
    
    
    
    <div id="menu_bottom">
    			
    
    
    
    
    
    
    <div style="background-color:green;width:185px;height:34px;"></div>
    
    		
    
    </div>
    	
    
    
    
    </div>
     
     
    </body>
     
    
    
    </html>
    (Ich musste soviele Zeilenumbrüche machen, da der Code-Block sonst zickt...)

    Code:
    body {
    
    margin:0; padding:0; 
    
    /*------------------------*/
    
    }
      
    #desktop {
    padding:0;
    margin:0 auto;
    height:768px;
    width:1024px;
    border: solid 1px black;
    
    background-color:grey;
    
    }
    
    #desktop #menu_bottom {
    
    margin-top:800px;
    position:relative;
    
    }
    Hat jemand eine Idee?
    Geändert von magnetic_water (08-07-2009 um 14:48 Uhr) Grund: Link+Code

  2. #2
    Avatar von kkapsner
    kkapsner ist offline Super Moderator
    registriert
    28-03-2008
    Beiträge
    17.757

    AW: Element soll in Box bleiben

    Was spricht gegen:
    Code:
    #desktop {
    	padding:0;
    	margin:0 auto;
    	height:768px;
    	width:1024px;
    	border: solid 1px black;
    	background-color:grey;
    	position: relative;
    }
    
    #desktop #menu_bottom {
    	position: absolute;
    	bottom: 0;
    }
    ?
    Geändert von kkapsner (08-07-2009 um 16:17 Uhr)

  3. #3
    magnetic_water ist offline Doppel-As
    registriert
    08-03-2009
    Beiträge
    123

    AW: Element soll in Box bleiben

    Dagegen spricht, dass das Element (die grüne Box) dann oben Links in der Ecke klebt, und se soll unten links zentriert sein.

  4. #4
    Avatar von kkapsner
    kkapsner ist offline Super Moderator
    registriert
    28-03-2008
    Beiträge
    17.757

    AW: Element soll in Box bleiben

    Mist - Schreibfehler. Oben ausgebessert.
    Zentrieren muss ich erst ausprobieren.

    EDIT: Zentrieren geht, indem du #menu_bottom ein
    Code:
    width: 100%;
    und dem inneren Element
    Code:
    margin: 0 auto;
    gibst
    Geändert von kkapsner (08-07-2009 um 16:20 Uhr)

  5. #5
    Avatar von dkdenz
    dkdenz ist offline Foren-Gott
    registriert
    13-04-2004
    Ort
    Lübeck
    Beiträge
    12.050

    AW: Element soll in Box bleiben

    Zitat Zitat von magnetic_water Beitrag anzeigen
    ...und se soll unten links zentriert sein.
    Was ist denn "links unten zentriert"?

  6. #6
    magnetic_water ist offline Doppel-As
    registriert
    08-03-2009
    Beiträge
    123

    AW: Element soll in Box bleiben

    @kapsner: Vielen Dank!

    @denz: Ganz unten in der Mitte.

Ähnliche Themen

  1. Antworten: 0
    Letzter Beitrag: 10-04-2009, 19:15
  2. AJAX Menü
    Von Hellfire im Forum JavaScript
    Antworten: 2
    Letzter Beitrag: 17-09-2008, 15:17
  3. Scriptaculous, neues Element per JS erstellen
    Von dr_green im Forum JavaScript
    Antworten: 0
    Letzter Beitrag: 07-12-2007, 18:46
  4. Antworten: 1
    Letzter Beitrag: 17-07-2006, 08:35
  5. Bestimmtes Element aus Array löschen
    Von cula-online im Forum JavaScript
    Antworten: 5
    Letzter Beitrag: 24-09-2002, 23:51

Lesezeichen

Berechtigungen

  • Neue Themen erstellen: Nein
  • Themen beantworten: Nein
  • Anhänge hochladen: Nein
  • Beiträge bearbeiten: Nein
  •