Results 1 to 13 of 13
Thread: HTML, CSS div
Hybrid View
-
27th May 2011 22:20 #1Registered User
Join Date: Apr:2011
Location: sofia
Posts: 29
-
27th May 2011 22:54 #2Registered User
Join Date: May:2011
Location: BG
Posts: 7
, ?
div- 980px.
, .
-
27th May 2011 22:57 #3Registered User
Join Date: Apr:2011
Location: sofia
Posts: 29
wrappera
-
27th May 2011 23:03 #4
-
27th May 2011 23:10 #5Registered User
Join Date: Apr:2011
Location: sofia
Posts: 29
-
27th May 2011 23:11 #6
( ):
.Code:<div id="main"> <div id="loginform"> </div> <div id="content"> </div> </div>
-
28th May 2011 00:20 #7
, div .
( id=main ) . </div> </body>.
:
1. , .
2. :
http://validator.w3.org/check?uri=ht...Inline&group=0
3. ...
-
28th May 2011 10:59 #8
-
28th May 2011 12:04 #9Registered User
Join Date: Apr:2011
Location: sofia
Posts: 29
-
28th May 2011 13:32 #10
-
29th May 2011 22:18 #11Registered User
Join Date: Apr:2011
Location: sofia
Posts: 29
--------- 19:53 --------- : 18:33 ---------
http://www.quirksmode.org/css/clearing.htmlhttp://www.quirksmode.org/css/clearing.html ,
--------- 20:18 --------- : 19:53 ---------
fix-a, left-col right-col css-a overflow: auto;The new solution
It was Alex Walker who first posted a new, simpler solution, though he gives the credits for actually inventing it to Paul O'Brien. In any case, the solution seems to be:
div.container {
border: 1px solid #000000;
overflow: auto;
width: 100%
}
The width is necessary to trigger "hasLayout" in Explorer Windows (except for 7). This works:
width: 100% .
.
-
28th May 2011 12:29 #12Registered User
Join Date: Jul:2005
Location: Sofiq
Posts: 2,798
:
Code:<div id="wraper"> <div id="spacer"></div> <div id="header"></div> <div id="left-col"></div> <div style="clear:both;"></div> </div>
-
31st May 2011 08:55 #13Registered User
Join Date: Jul:2005
Location: Sofiq
Posts: 2,798
"" :
: widht:100% , .The tricky bits
A few points merit extra attention:
The trick works with three of the four overflow values: auto, hidden and scroll. Of course, using the last value will show scrollbars, regardless of whether they're needed or not.
Some browsers also need a width or height for the container div.
The browser may show scrollbars when the content escapes beyond the specified width.
clear:both. :
Code:.clear { display: block; clear: both; height: 0; padding: 0; margin: 0; font-size: 0; }




Reply With Quote


Lenovo ThinkPad 15 IdeaPad 15
5th May 2023, 22:16 in