Avaleht
uus teema   vasta Tarkvara »  WWW »  kahe divi pikenemine korraga märgi kõik teemad loetuks
märgi mitteloetuks
vaata eelmist teemat :: vaata järgmist teemat
Hinnavaatlus :: Foorum :: Uudised :: Ärifoorumid :: HV F1 ennustusvõistlus :: Pangalink :: Telekavad :: HV toote otsing
autor
sõnum Saada viide sõbrale.  :: Teata moderaatorile teata moderaatorile
otsing:  
aer0x
HV kasutaja
aer0x

liitunud: 11.11.2005
sõnum 08.11.2010 22:25:30 kahe divi pikenemine korraga vasta tsitaadiga
http://martin.johvimk.ee/V2/

Oleks siis vaja et see parempoolne kast pikeneks täpselt niipalju nagu vasakpoolne keskmine. Et ta border nagu näha oleks või nii.
See .css on ka seal üks paras mäkerdus aga ehk oskab keegi aidata

Ja siis veel selline asi miks IE nii imelikult selle border-radiusega käitub?
_________________
O_o
Kommentaarid: 18 loe/lisa Kasutajad arvavad:  :: 0 :: 0 :: 16
tagasi üles
vaata kasutaja infot saada privaatsõnum
keevitaja
AM 10 aastat
keevitaja

liitunud: 05.11.2001
sõnum 09.11.2010 00:56:34 vasta tsitaadiga
ma nende ümarate borderite kohta ei oska öelda... IE ei toeta neid. aga jqueryga saab seda heighti teha. korjasin muu asja välja su koodist.

html:
  1. <html xmlns="http://www.w3.org/1999/xhtml">
  2. <head>
  3. <title>Hello!</title>
  4. <link rel="stylesheet" href="css.css" />
  5. <script src="jquery-1.4.2.min.js" type="text/javascript"></script>
  6. <script type="text/javascript">
  7. $(function() {
  8.         height = $('div#content').height();
  9.         $('div#menu').height(height);
  10.         $(window).resize(function() {
  11.                 height = $('div#content').height();
  12.                 $('div#menu').height(height);
  13.         });
  14. });
  15. </script>
  16. </head>
  17.  
  18. <body>
  19. <div id="main_container">
  20.   <div id="banner"></div>
  21.   <div id="menu"></div>
  22.   <div id="content" class="curved">
  23.     <p> Lorem ipsum dolor sit amet, commodo sit, praesent quisque ullamcorper quis, id condimentum. Dignissim vel, in donec asperiores eget. Turpis condimentum libero aenean dolorem velit in, sed adipiscing aenean dapibus orci et egestas, faucibus netus consectetuer gravida vestibulum dolor mauris, vestibulum eu accumsan at quam cum, mauris gravida dui. Enim lacus pellentesque, amet diam wisi sit lacus venenatis, iaculis in sit iure eu duis ut. Integer duis, mus ut iusto velit nulla ac. Ornare nostra dui aliquet, mauris mauris est, dignissim morbi sit sed, pulvinar pharetra vel adipiscing id habitant, scelerisque vel aliquam elit in velit. Egestas quis vestibulum sem eleifend vel gravida. Auctor pede lacus nonummy elit, sapien felis mauris, neque magna orci rutrum natus vestibulum, et mi lectus nulla nec, cursus duis.
  24.      
  25.       Neque blandit turpis vestibulum et justo ac, aliquam integer quisque proin orci scelerisque erat, in natoque condimentum lectus mi, vivamus amet augue class vestibulum ipsum adipiscing. Ut felis eros, id leo tempor urna ultrices nulla, at id, accumsan condimentum orci eu a, tortor lacinia. Mauris sed nisi ut nam sed, curabitur sodales. Aute eleifend auctor luctus vel, volutpat duis varius nostra nostra pede, ut vivamus, nullam libero a, nam ante sed magna natoque. Senectus a dui quis libero, luctus fringilla, in placerat enim ullamcorper, quia a. Aenean vel. Justo aliquam non. Lectus quis viverra magna mauris id, lectus molestie duis vehicula vel.
  26.      
  27.       In tortor ante integer justo aliquet blandit. Fusce ac qui nunc aenean magna vel. Proin mauris architecto taciti tempus, fusce proin mauris mauris, tellus nibh ligula vel, rhoncus mauris sed ipsum. In suspendisse ac in tortor vestibulum eu. Tincidunt sodales praesent nisl, placerat id varius, urna leo sit vel est, magnis justo eget. Quis purus. Lectus libero lacus eleifend, id quis ut ut pretium mauris tincidunt. Libero et, est repellat suspendisse turpis faucibus sed pellentesque, vel dolor vestibulum, nec accumsan sit erat. Pede mauris. Diam id sagittis aenean nibh ipsum, et lacinia at amet, torquent vestibulum fermentum proin, arcu eu. Suscipit molestie id tincidunt quis odio, consectetuer non at, parturient quam metus proin, duis enim, nam libero mauris eleifend faucibus sed. Aliquet per faucibus tristique, litora ipsum orci ante, purus luctus amet, ultrices pede mauris suspendisse, integer enim lacus justo volutpat erat nonummy.
  28.      
  29.       Metus nec, pellentesque viverra id nibh in sollicitudin nunc. Et quisque in, consequat a vitae, vitae tempus dictum risus, eget eleifend ac. Praesentium dolor praesent, hendrerit orci elementum convallis sed quam nec, a dolore turpis ullamcorper congue vitae. Eros aliquam velit libero arcu ipsum, pharetra gravida porttitor aenean. Nec sollicitudin pede pellentesque, sed duis amet, diam erat praesent natoque lacus nascetur lacinia, tempus elementum dolor ac ante habitant mauris, pede et vitae. Et sed lorem, sit quisque nascetur, amet donec lectus lacinia lectus, pellentesque pede donec sit tempus, nibh at metus. </p>
  30.   </div>
  31.   <div class="clear"></div>
  32.   <div id="footer"> </div>
  33. </div>
  34. </body>
  35. </html>


css:
  1. /*V2*/
  2. .clear {
  3.         clear:both;
  4. }
  5. div#main_container {
  6.   border: medium solid black;
  7.   width: 800px;
  8.   margin-left: auto;
  9.   margin-right: auto;
  10.   padding-top: 20px;
  11. }
  12. div#banner {
  13.   border: medium solid black;
  14.   height: 130px;
  15.   width: 750px;
  16.   margin-left: auto;
  17.   margin-right: auto;
  18. }
  19.  
  20. div#content {
  21.   margin-top: 15px;
  22.   border: medium solid black;
  23.   min-height: 450px;
  24.   width: 520px;
  25.   margin-right:220px;
  26.   margin-left:20px;
  27.  
  28.  
  29. }
  30. div#menu  {
  31.   margin-right:20px;
  32.   float: right;
  33.   display:inline;
  34.   margin-top: 15px;
  35.   border: medium solid black;
  36.   min-height: 450px;
  37.   width: 200px;
  38. }
  39. div#footer {
  40.  
  41.   border: medium solid black;
  42.   position: static;
  43.   margin-left: auto;
  44.   margin-right: auto;
  45.   margin-top: 5px;
  46.   margin-bottom: 5px;
  47.   width: 750px;
  48.   height: 20px;
  49. }

_________________
Hinnavaatlus ei ole koht arvamuse avaldamiseks!
Kommentaarid: 51 loe/lisa Kasutajad arvavad:  :: 1 :: 3 :: 40
tagasi üles
vaata kasutaja infot saada privaatsõnum mine selle kasutaja kodulehele
näita postitusi alates eelmisest:   
uus teema   vasta Tarkvara »  WWW »  kahe divi pikenemine korraga
[vaata eelmist teemat] [vaata järgmist teemat]
 lisa lemmikuks
näita foorumit:  
 ignoreeri teemat 
sa ei või postitada uusi teemasid siia foorumisse
sa ei või vastata selle foorumi teemadele
sa ei või muuta oma postitusi selles foorumis
sa ei või kustutada oma postitusi selles foorumis
sa ei või vastata küsitlustele selles foorumis
sa ei saa lisada manuseid selles foorumis
sa võid manuseid alla laadida selles foorumis



Hinnavaatlus ei vastuta foorumis tehtud postituste eest.