Höhe und Breite eines DIV einstellen

[SpiceLab]

ich hasse diese Scriptsprachen ....

CSS ist keine Scriptsprache, sondern eine Formatierungssprache

Ich danke Dir für Mühe und Geduld !!

Kein Thema

 

[vfl_freak]

Moin ksk,

hmm, jetzt Du einen JS/CSS-Anfänger wieder verwirrt
Wieso ist es dynamisch, wennich feste Pixel-Werte setze ??

Gruß
Klaus

 

[vfl_freak]

CSS ist keine Scriptsprache, sondern eine Formatierungssprache

ok, Überredet

 

[ksk]

die feste Pixel-Werte kannst so auch setzen.
Du könntest ein Style für mehrere DIV-Objekte definiert (Bsp. gleicher Rahmen, Hintergrundfarbe, Schriftart usw.) jedoch könnten sich die größen von einandere unterscheiden.
In diesem Fall könntest die größe jenach DIV-Element entsprechend ändern.

CSS ist schon der richtiger weg jedoch erreicht es mit Dynamischen Inhalten bald die Grenzen.

Lg
ksk

 

[vfl_freak]

Moin,

CSS ist schon der richtiger weg jedoch erreicht es mit Dynamischen Inhalten bald die Grenzen.

das dürfte nicht so tragisch sein ...

Ich bin derzeit mit meiner Bastelei nur dran, mich überhaupt mal mit diesem Thema zu berschäftigen!
Auf Dauer soll eine Google-Map innerhalb einer Java-Application angezeigt werden, wobei die linke Hälfte der Applikation (die immer im Vollbild-Modus dargestellt wird) von den Größen her fix ist, während die rechte Hälfte, wo dann auch die Map angezeigt wird, sich entsprechend der Bildschirmgröße dynamisch dazu rechnet!
Klingt kompliziert, ist hierbei aber die Denkweise meines Chefs :-(

Danke und Gruß
Klaus

 

[ksk]

Beachte das mit der Formatierung

    <div id="map_canvas"> </div>
    <style type="text/css">
      html, body, div
        {
            height:100%;
            margin:0;
            padding:0
        }
    </style>

alle DIV-Elemente den gleichen CSS-Style bekommen.

Um nur einen bestimmten DIV einen Style zuzuweisen reicht es mittel ID zu definieren
Bsp:

#map_canvas { height:100%; margin:0; padding:0 }

Lg
ksk

 

[vfl_freak]

Ja, Danke
hatte ich auch gerade bemerkt und schon geändert !!

Gruß
Klaus

 

[SpiceLab]

Der CSS-Selektor war von mir vorhin selbstverständlich allgemein gehalten, bezog sich auf diesen vorliegenden HTML-Code:

<div>
  <div id="map_canvas"> </div>
</div>

Um es zu spezifizieren, und übrige <div>-Elemente auszuschließen, könnte er bspw. so lauten:

<div id="canvas_wrap">
  <div id="map_canvas"> </div>
</div>

und das zugehörige CSS entsprechend dann so:

html, body, #canvas_wrap, #map_canvas { ... }