I'm currently working on a site for work/school and I have a slight graphic question. The site is http://cypher.db.cs.rpi.edu/search/searchA.jsp and I'm wondering, how can I get a border around and dividing the four sections (all variable length and within their own div statement and floated left)? I currently just have a border right and bottom on each, but that shows the problem of them being different heights and the borders being odd because of such.
I'm assuming you mean so you
I'm assuming you mean so you don't get a double border?
if so...ck_kids.css (line 212)
border:2px solid #B0CFED;
I don't know how this will work cross browser but it's okay in firefox
I tried that and you can see
I tried that and you can see the results: http://cypher.db.cs.rpi.edu/search/searchA.jsp . My issues is that the box on the left is shorter than the one on the right. That's the case now, but it may change and the reverse be true later. For that reason, I need a solution that works with variable size divs. Is there any other method to do this, or should I use a *shivers* table?
so you want both sides to be
so you want both sides to be the same height?
Yes, based on whichever is
Yes, based on whichever is the tallest.
Ok, thank you, I can get
Ok, thank you, I can get that working now. One other issue though. I have a calendar whose bordering lines work only in IE, not in Mozilla and I'm not sure why. This is the one that doesn't work, but I tried just viewing the sidebar.jsp and it works fine in Mozilla. I've used web developer toolbar and looked at each of the parent divs, but can't find any that should be affecting it. Any suggestions?
post a link
post a link
You might want to get this
You might want to get this thing validated before going further.
in your markup for the
in your markup for the table, you have border="0" that'll be it