Results 1 to 3 of 3

Thread: CSS

Hybrid View

Previous Post Previous Post   Next Post Next Post
  1. #1
    Registered User
    Join Date: May:2008
    Location: Bulgaria
    Posts: 2

    CSS

    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>
    ( ) , , <body /> ( ) , . ?


  2. #2
    relative dude Skydive's Avatar
    Join Date: Nov:2002
    Location: /
    Posts: 2,863
    , , . xhtml, - .
    div , - :
    Code:
    <div style="width: auto; min-width: value"></div>
    ... value .
    , , , position . ( ), - workaround.

  3. #3
    hmm BornToDrink's Avatar
    Join Date: Aug:2005
    Location: .
    Posts: 11,573
    , 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>
    Attached Thumbnails Attached Thumbnails Click image for larger version. 

Name:	back.jpg‎ 
Views:	118 
Size:	21.9 KB 
ID:	15641  
    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.
    .

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •  

Copyright © 1999-2011 . .
iskamPC.com | mobility.BG | Bloody's Techblog | | 3D Vision Blog |