HTML - Prozent und Pixel
-
Hallo,
gibt es irgendeine Möglichkeit (ohne javascript) Prozente und Pixel zu vermischen, also z.B. zu sagen das Element bekommt 80% der ganzen HTML-Seiten-Breite, aber 15px werden davon abgezogen.
Also wenn ein HTML-Dokument 1000px breit ist, dass das Element dann 80%*1000-15=785 breit wäre.
Folgendes funktioniert leider nicht:
<div style="width:80%-15px;">
-
sowas geht nur in IE http://msdn.microsoft.com/en-us/library/ms537634(v=vs.85).aspx
und selbst die http://blogs.msdn.com/b/ie/archive/2008/10/16/ending-expressions.aspx haben eingesehen dass das ganze nicht eine gute Idee war.
-
Für deinen Fall musst du nur die div Boxen schachteln.
Die äußere mitwidth:80%
und die inneremargin-left: 15px
odermargin-right: 15px
-
Rhombicosidodecahedron schrieb:
Für deinen Fall musst du nur die div Boxen schachteln.
Die äußere mitwidth:80%
und die inneremargin-left: 15px
odermargin-right: 15px
Hm, ich glaube mein Beispiel mit 80% war etwas schlecht. 100% wäre besser gewesen.
Wenn ich mit margin arbeite, wäre die Breite leider immer noch 100%*1000px. Wenn ich dann das div-Element mit margin-left 15px nach links verschiebe, hab ich hässliche Scrollbalken, weil das Element ja 15px über das HTML-Document hinausgeht.
Also kann man hier nur mit javascript arbeiten?
Ist aber eben nicht die optimalste Lösung, u.a. z.B. wegen NoScript.
-
Du kannst fast alles mit CSS machen - JS zur Positionierung ist idR nicht notwendig.
Verschachtelung der Elemente ist idR die richtige Lösung.
Was genau willst du denn erreichen?
Du könntest zB ein div mit width=100% machen und darin ein div mit padding-left von 15px und display:block um die gesamte restbreite ausnutzen zu können.
-
div hat als default 100% Breite ... (Blockelement)