html - css positioning difference according size -
I'm making a mistake in relative & amp; Full position but I do not know how to clean it. I tried to change the widow: auto and amp; 100%, but nothing worked. At the width of%, the division collapse on the minimum reduction.
Now the page is not placed in the middle of laptops (other screen resolutions). What's wrong with my code?
html
[full source] [1] http://jsfiddle.net/X5RDL/ css
h1 {Color: #fff; Font weight: normal; } Body {margin: 0 px 10 px 10 px 10 px; Background: Repeat # C5DA99 url (images / img01.jpg); Color: # 787878; Status: Completed; Font: 15px georgia, "times new roman", times, serif; } # Headers {Width: Auto; Height: 100 pixels; Margin: 15px 05px; Padding: 0 px50px; Background: Repeat URL (Picture / IMG 02.JPG); Status: Relative; } #lollow {float: right; Width: 300px; Margin: 0; Padding: 13px; Color: #FFFFFF; } # Menu {padding: 30px 10px 0 30px; Status: Completed; } #Menu Li {Display: Inline; -mobile-radius-bunch: 12px; -webkit-border-top-left radius: 12px; } #Menu Li {text-decoration: none; Swim left; Width:; Height: 20px; Padding: 10px; Art color; Font: 14px Georgia, "Times New Roman", Times, Serif; } #Menu Li A: Hover {margin-top:; Color: #fff; Padding-bottom: 12px; Text-shadow: 5px 5px 5px white; Background: URL (images / vline.jpg) no-repeat} #contentbg {width: 1004px; Swim left; Background: #FFFFFF; #content {padding :; } / * Material left * / #contentleft {width: 190px; Swim left; Margin: 0px; Padding: 34px 0 33px 23px; } / * Content Medium * / # ContentMed {Width: 500px; Swim left; Margin: 0px; Padding: 34px 5px 33px 15px; Background Image: URL (images / vline.jpg); Background repeat: repeat-y; } / * Content right * / #contentright {width: 240px; float right; Padding: 34px 0 40px 12px; Background Image: URL (images / vline.jpg); Background repeat: repeat-y; } / * Login Box * / # Login Page Form {padding: 5px; Width: 200px; Height: 188px; Background: # FCF6E6; Color: # 705D20; Status: Relative; Border: 1 px dashed # bfb 492; } # Login page form label {width: 91px; Height: 22px; Display area; Swim left; A page element with relative positioning allows you to fully control the elements of children located inside.
Comments
Post a Comment