Menu
hi all,
i am trying to create a products page without using tables ? ..
the page has the following elements..
#banner (750px wide 160px high).
#navigation (160px wide).
.product(555px wide 100px high).
#footer (750px wide).
.sidebar (160px wide).
the .sidebar is just a just a grey box to stop the left side under the navigation looking so empty.
i did think of using a grey backgorund for the navigation and setting the height to achive this but im using a nice background for the nav and dont want to lose it.
i have the following css:
<style type=”text/css”>
<!–
* {
margin:0;
padding:0;
}
body {
width:752px;
margin-right: auto;
}
#banner {
height: 160px;
width: 750px;
border:1px solid #000;
}
#navigation {
width: 159px;
float:left;
border-left:1px solid #000000;
clear: both;
height: 300px;
}
#footer {
width:750px;
clear:both;
border:1px solid #000;
}
.product {
width: 500px;
border: 1px solid #000000;
float: right;
height: 100px;
}
.sidebar {
background: #CCCCCC;
width: 159px;
height: 200px;
}
–>
</style>
the problem i have is getting the sidebar to sit under the nav in IE NS and MOZ..
can achieve it in ie but not NS and MOZ..
any ideas how i can use css to acheive this?
or any other suggestions.
thx andy