Results 1 to 3 of 3
Thread: CSS
Hybrid View
-
18th May 2008 22:14 #1Registered User
Join Date: May:2008
Location: Bulgaria
Posts: 2
CSS
( ) , , <body /> ( ) , . ?HTML Code:<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> </head> <body style="padding:0; margin:0;background-color:orange; "><div align="center"> <div style="position:relative; top:0px; left:0px; width:801px; height:auto; background-color:yellow;"> <div style="position:absolute; top:0px; left:0px; width:801px; height:74px; background-color:white;"></div> <div style="position:absolute; top:74px; left:0px; width:801px; height:199px; background-color:violet;"></div> <div style="position:absolute; top:74px; bottom:0px; left:10px; width:169px; background-color:blue;"></div> <div style="position:relative; top:275px; left:85px; width:611px; min-height:900px;background-color:black;"></div> </div> </div></body> </html>
-
19th May 2008 01:32 #2
, , . xhtml, - .
div , - :
... value .Code:<div style="width: auto; min-width: value"></div>
, , , position . ( ), - workaround.
-
19th May 2008 10:06 #3
, back.jpg , -.
- , , .
, .. .
Edit: IE6.
HTML Code:<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <style> * html .left{width: 169px; overflow: hidden; background: #0000ff; height: 500px; margin-top: -150px; margin-left: 5px; float: left;} .left{width: 169px; overflow: hidden; background: #0000ff; height: 500px; margin-top: -150px; margin-left: 10px; float: left;} </style> </head> <body style="background: #666666;"> <div style="margin: 0 auto; position: relative; background: url('back.jpg') repeat-y; overflow: hidden; width: 801px;"> <div style="width: 801px; height: 100px; background: #fff;"> </div> <div style="width: 801px; height: 150px; background: #ff0000;"></div> <div class="left"></div> <div style="width: 610px; margin-top: 1px; overflow: hidden; background: #000; height: 1000px; margin-left: 1px; float: left;"></div> </div> </body> </html>
Last edited by BornToDrink; 19th May 2008 at 10:11.
Hey, mother, I come bearing a gift. I'll give you a hint. It's in my diaper and it's not a toaster.
.




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