WinFuture-Forum.de: HTML/CSS prozentuale größe eines elements - WinFuture-Forum.de

Zum Inhalt wechseln

Nachrichten zum Thema: Entwicklung
Seite 1 von 1

HTML/CSS prozentuale größe eines elements im verhältnis zum rest


#1 Mitglied ist offline   XDestroy 

  • Gruppe: aktive Mitglieder
  • Beiträge: 1.911
  • Beigetreten: 08. August 02
  • Reputation: 0

geschrieben 02. April 2011 - 23:16

Hallo zusammen.

Ich habe folgendenden HTML-Text:

<div>

<div></div>
<div></div>

</div>


jetzt möchte ich, dass die inneren beiden div horizontal die gleiche größe haben. allerdings in abhängigkeit von der anzahl. also jetzt wäre das 50%. ich möchte aber ein neues einfügen können und dann soll in abhängigkeit von der anzahl der prozentwert verändert werden (also 33% bei drei dann). geht das?

was müsste man dazu machen? evtl. javascript?

danke & grüße
XD

Dieser Beitrag wurde von XDestroy bearbeitet: 02. April 2011 - 23:16

0

Anzeige



#2 Mitglied ist offline   Holger_N 

  • Gruppe: aktive Mitglieder
  • Beiträge: 5.170
  • Beigetreten: 11. September 10
  • Reputation: 458
  • Geschlecht:Männlich

geschrieben 03. April 2011 - 08:33

Wenn die betroffenen DIV-Container statisch sind, also im Prinzip sowieso per Hand in den Quelltext geschrieben werden, dann kann auch die Breite per Hand eintragen. Werden die DIVs dynamisch erzeugt, zum Beispiel in php per Schleife, dann kann man den Prozentwert ja anhand der Schleifendurchläufe berechnen lassen. Wenn es statisch ist und die Anzahl aber regelmäßig wechselt und du dir das ständige Ändern in jedem einzelnen DIV sparen willst, dann könntest du mit Variablen in dieser Form arbeiten.

vorn irgendwo im Quelltext legst du die Anzahl der DIVs fest:

<?php

$div_anzahl = 3;

?>


und die DIV-s selbst sehen dann so aus:

<div>

<div style="width:<?php echo(100/$div_anzahl); ?>%">Inhalt 1</div>
<div style="width:<?php echo(100/$div_anzahl); ?>%">Inhalt 2</div>
<div style="width:<?php echo(100/$div_anzahl); ?>%">Inhalt 3</div>


</div>


Muß man dann nur gucken, ob man die Zahlen noch abrunden muß oder lieber mit 95/$div_anzahl rechnet, je nachdem wieviel Platz ist und wenn man mehrreihig arbeitet, ist die Anzahl natürlich die Anzahl pro Reihe und nicht die Gesamtanzahl.
Falls PHP nicht geht, lässt sich dieses Beispiel sicher auch mit Javascript umsetzen, muß dann aber ein Anderer mal aufschreiben.

und wie gesagt, wenn die DIVs dynamisch erzeugt werden, dann lässt sich die Anzahl natürlich automatisch festlegen.

Dieser Beitrag wurde von Holger_N bearbeitet: 03. April 2011 - 08:47

Bauernregel: Regnets mächtig im April, passiert irgendwas, was sich auf April reimt.
0

#3 Mitglied ist offline   XDestroy 

  • Gruppe: aktive Mitglieder
  • Beiträge: 1.911
  • Beigetreten: 08. August 02
  • Reputation: 0

geschrieben 03. April 2011 - 11:50

naja es geht um ein menü dass von joomla erzeugt wird. hatte da an eine einfache lösung gedacht, weil joomla ja alles immer angepasst macht. scheint aber wohl aufwändiger zu sein sowas...
0

#4 Mitglied ist offline   Holger_N 

  • Gruppe: aktive Mitglieder
  • Beiträge: 5.170
  • Beigetreten: 11. September 10
  • Reputation: 458
  • Geschlecht:Männlich

geschrieben 03. April 2011 - 11:59

Dann ist es ja bestimmt auf php-Basis und wäre technisch sicher möglich aber ich schätze da macht dann die Suche nach einem Template, was den eigenen Vorstellungen entspricht sinvoller, bzw. dass man sich ein ähnliches Template dann anpasst aber dann wirds doch umfangreicher.
Bauernregel: Regnets mächtig im April, passiert irgendwas, was sich auf April reimt.
0

Thema verteilen:


Seite 1 von 1

1 Besucher lesen dieses Thema
Mitglieder: 0, Gäste: 1, unsichtbare Mitglieder: 0