height - CSS-P nightmare -
I have a container HIV status: relative. Hold everything in it then a left column is a right column, a classical layout. These two relatives are completely located inside the # main. I want the right to become fluid, so I say at the top: 0 px; Left: 280px; (Left column width) Correct: 0 pixels all works but below: 0 pixels do not work. I say height: 100% still nothing. It comes to the edges in all except the bottom. The height of that div is always 1px or 0px, but only px values start working, but it will be useless. What is the reason for this? any clue? In advance thx ...
The code has been pasted below
html:
CSS:
body {margin: 0 pixels; } # Main {status: relative; } #LeftSection {status: complete; Width: 280px; Height: 100%; } # Logo {Status: Absolute; Margin: 10px 0px 10px to 30px; } #dvPanelMenu {Status: Completed; Top: 140px; Left: 0 pixels; Width: 280px; Height: auto; Align text: left; } #writous {status: complete; Top: 0 pixels; Correct: 0 pixels; Bottom: 0 pixels; Left: 280px; Background color: blue; } #dvcontent {status: complete; Top: 36px; Left: 2px; Correct: 0 pixels; Bottom: 20px; Border: 1px dotted black; } #dvTopMenu {Status: Completed; Top: 0.4 AM; Left: 20px; } #dvLogin {Status: Completed; Correct: 50px; Top: 0.4 AM; Font-family: Tahoma; Font-size: 11px; Align text: left; color teal; }
Modify your # main and #right selection selectors as follows:
# Man {margin: 0 px; Height: 100%; / * Added * ## Writings {status: Completed; Top: 0 pixels; Correct: 0 pixels; Height: 100%; / * Below: 0; Replace by * / left: 280px; Background color: blue; }
Also I suggest reading it
Comments
Post a Comment