Quote:
|
Originally Posted by franzelneekburm
Removing the 'padding: 0;' from '.recent_nav ul' stops the ULs from overlapping the H2 (setting it to other values doesn't make a difference). BTW, it's kinda hard to get these things looking right when you specify absolute sizes for your block elements, most layout engines will do better with a bit more leeway. (not the least of the problems is that Gecko and IE calculate DIV width and height differently)
|
Actaully, that parts intentional
I'm trying to get the two UL's to appear next to each other as if there where two colums, one called recent architecture and one called recent handwork. Seems to be semi working here:
http://www.arch13.com/index.php?id=recent ,
What's actualy cuasing my huge headache at this point can be seen here (
http://www.arch13.com/index.php?id=test/recent_ex ) where I have removed all the css concerning UL's and LI's and simply left the page formating css. Notice how the peach toned recent_nav is overlapping the right hand grey side bar of the parent page? It's driving me nuts!
The wrapper div is set to a width of 630, and the two child divs (nested) are set to 620. I just want them to all look the same width inside the parent page when called as an include.
For reference, the page seperate is at
http://www.arch13.com/test/recent_ex.php
ndthe relevant css code that hasn't really changed at all is:
Code:
.recent_wrapper {
width:630px;
height:353;
margin:0px auto;
text-align:center;
padding-top:0px;
border:1px #fff;
background-color:#eee;
}
.recent_mast {
width:620px;
height:30px;
margin: 0 0 0 0px;
text-align:left;
padding:5px;
border-bottom:2px solid #fff;
background-color:#5B5B33;
color: #E6E4C3;
}
.recent_nav {
width:620px;
height:75px;
margin:0 0 0 0px;
text-align:left;
padding:15px;
border-top:4px solid #fff;
background-color:#E6E4C3;
font-family: Verdana;
font-size: 11px;
}
.Recent_wrapper and .recent_mast both behave fine and appear correctly. It's .recent_nav that is overflowing it's "boundry" persee.
Looking at these pages, can anyone point me towards a way to stop recent_nav from breaking the layout like it is?