A Conversation for Website Developer's Forum

CSS border / IE problem

Post 1

Santragenius V

Hi smiley - smiley

This little bit of CSS gives me some nicely formatted boxes when I apply them to a series of div's with the context sections in them:

.content {
position:relative;
min-width:220px;
min-height:200px;
margin:10px 10px 0px 0px;
border: 1px #ccc solid;
background-color:transparent;
padding:5px; }

Problem is: If I replace the "border" with "border-bottom" in order to get a slightly less boxed look, I only get the line showing before the first and the second div... (in IE)

(and any other way I have tried of only showing the bottom border does the same)

Anybody has an idea why - as the border bottom shows OK on all div's when all 4 borders are there...smiley - huh


CSS border / IE problem

Post 2

dElaphant (and Zeppo his dog (and Gummo, Zeppos dog)) - Left my apostrophes at the BBC

It's hard to say without seeing an example of the html too. But dealing with the differences of css in IE can be extremely frustrating, even in version to version of IE. Are you using IE 6?
smiley - dog


CSS border / IE problem

Post 3

HappyDude

http://www.css-discuss.org/mailman/listinfo/css-dsmiley - winkeye


CSS border / IE problem

Post 4

Santragenius V

Yeah - it can... Just hoped that somebody pointed to a simple thing, y'know... smiley - winkeyeยจ

It's IE6 - but I think I'll be doing what I probably should have done from the outset: building upwards from something that works towards my current status until I hit what makes it go smiley - bleep...

smiley - ta anyway smiley - smiley


CSS border / IE problem

Post 5

Santragenius V

It does get a little stranger - I reckon this is as much for anybody's info:

I build the pages in Dreamweaver using the template feature with editable and repeat regions. Usually I find that a Godsend - but in this case, IE displays my page as intended if I remove Dreamweaver's template code from the files...

All these are within <!-- --> blocks - but removing them makes the borders show for all the divs in the document.

Go figure - I can't... (at least I am not trying for the moment - I can just export the whole site without template markup & I'm fine smiley - smiley)


CSS border / IE problem

Post 6

Ion the Naysayer

Is this page being served by IIS? And are the template codes you mention server side includes such as:

<!--#include virtual="includefile" -->?

If so, I think I know what the problem is as I've run into it before - if you use server side includes under IIS it will eat the last line of each include file. I added a carriage return to the end of the include files and it worked fine.


Key: Complain about this post