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;

    реально ли так задать? если да то с каким синтаксисом?
     
    #1 ufaclub, 26 Nov 2010
  2. |qbz|

    |qbz| Banned

    Joined:
    25 Dec 2009
    Messages:
    385
    Likes Received:
    169
    Reputations:
    65
    нет, не реально. только если заюзаешь яваскрипт.
     
    #2 |qbz|, 26 Nov 2010
  3. Welemir

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

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

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

    Joined:
    10 Jan 2008
    Messages:
    229
    Likes Received:
    11
    Reputations:
    -4
    какой понт в px вообще работать - всё равно это не кроссбраузерно - от версии до версии...
     
    #4 Welemir, 7 Dec 2010
  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
     
    #5 Fuckel, 7 Dec 2010
  6. banned

    banned Banned

    Joined:
    20 Nov 2006
    Messages:
    3,324
    Likes Received:
    1,193
    Reputations:
    252
    Удачи, верстала! :D
     
    #6 banned, 7 Dec 2010
  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>
    вот так без яваскрипта
     
    #7 airevent, 7 Dec 2010
(You must log in or sign up to post here.)
Language
English (US)
    ANTICHAT ™ © 2001-2027 Antichat Kft.