css+js {width = 100% - 200px;}

Discussion in 'PHP' started by ufaclub, 26 Nov 2010.

  1. ufaclub

    ufaclub New Member

    Joined:
    13 Jul 2010
    Messages:
    204
    Likes Received:
    0
    Reputations:
    0
    по логике надо ширину получить равную
    width = 100% - 200px;

    реально ли так задать? если да то с каким синтаксисом?
     
  2. |qbz|

    |qbz| Banned

    Joined:
    25 Dec 2009
    Messages:
    388
    Likes Received:
    169
    Reputations:
    65
    нет, не реально. только если заюзаешь яваскрипт.
     
  3. Welemir

    Welemir Elder - Старейшина

    Joined:
    10 Jan 2008
    Messages:
    229
    Likes Received:
    11
    Reputations:
    -4
    что px и % - не одно и то же.Можно привести всё к одному - на js
     
  4. Welemir

    Welemir Elder - Старейшина

    Joined:
    10 Jan 2008
    Messages:
    229
    Likes Received:
    11
    Reputations:
    -4
    какой понт в px вообще работать - всё равно это не кроссбраузерно - от версии до версии...
     
  5. Fuckel

    Fuckel Banned

    Joined:
    16 Jan 2008
    Messages:
    274
    Likes Received:
    59
    Reputations:
    6
    А ты как работаешь? В pt или em или в %?

    А по теме, например, на jQuery
    HTML:
    <script src="jquery-1.4.2.js"></script>
    <script>
    $(document).ready(function(){
    	var d = $("#d");
    	d.css("width", d.width() - 200);
    });
    </script>
    <style>
    #d {
    	background: green;
    	width: 100%; height: 30px;
    }
    </style>
    <div id="d"></div>
    Это можно сделать и на нативном JS
     
  6. banned

    banned Banned

    Joined:
    20 Nov 2006
    Messages:
    3,325
    Likes Received:
    1,199
    Reputations:
    252
    Удачи, верстала! :D
     
  7. airevent

    airevent New Member

    Joined:
    7 Dec 2010
    Messages:
    1
    Likes Received:
    0
    Reputations:
    0
    HTML:
    <!DOCTYPE html>
    <html>
    	<body style="margin:0">
    		<div style="margin:0 100px;background:#F00">100%-200px</div>
    	</body>
    </html>
    
    вот так без яваскрипта
     
Loading...