Having gone to: HERE! to find out how my new webpage would display in different browsers i noticed straight away that the navigation and contents sections were of an un-equal height. The height difference varied between the browsers. Could someone come to my rescue yet again lol and tell me if there is some code i could use to keep the navigation and contents section of an equal height. Thanks in advance
Announcement
Collapse
No announcement yet.
difference in height
Collapse
X
-
Hello cadfan,
Have a look at this 2-column layout that uses a background color to keep the left and righ columns the same length - http://nopeople.com/CSS/equal_length_columns/index.html
You can also do it with a full width slice of an image repeated on the y-axis. That's called the faux columns method. Demo here.
Does that help?Validate often DURING development - Use it like a splelchecker | Debug during Development |Write it for FireFox, ignore IE
Use a DocType | Validate your markup | Validate your CSS | Why validating is good | Why tables are bad
Comment
Comment