5 replies [Last post]
loge
Offline
newbie
Last seen: 16 years 24 weeks ago
Joined: 2003-06-05
Posts: 4
Points: 0

Hi,

please gimme help on this one, its somehow crazy, i have a DIV with a border, there are some child DIVs and the parent DIV with the border cuts inbetween a child area. Sorry for my english, please see it there:

http://www.logemann.info/day/

scroll down to the end and you will see what i mean. Is this an explorer bug or something?

dJomp
dJomp's picture
Offline
Enthusiast
Last seen: 3 years 41 weeks ago
Joined: 2003-03-23
Posts: 422
Points: 0

nested DIV exceeds parent DIV with border

One small problem with the CSS:
<!-- Code Beautifier colors -->
This is a HTML comment, the CSS comments are
/* blah */
although I don't think that's the source of your problem.

It looks like the Blog box is outside of the border box, or that it's just outside of the flow; but from a quick look in the CSS it looks fine. I know this post isn't much help but I'll be back...

You know you're a geek when you try to shoo a fly away from the monitor with your cursor.

loge
Offline
newbie
Last seen: 16 years 24 weeks ago
Joined: 2003-06-05
Posts: 4
Points: 0

nested DIV exceeds parent DIV with border

Thanks so far. I deleted the HTML comments and used the CSS comments.
I just tried my URL with Mozilla, here its a totally different rendering. I thought CSS should be cross-browser, right now i dont have a clue whats going on there ;-(

loge
Offline
newbie
Last seen: 16 years 24 weeks ago
Joined: 2003-06-05
Posts: 4
Points: 0

nested DIV exceeds parent DIV with border

i figured it out, it has to do with

position: absolute

When a box has the absolute property, parent boxes with border dont enlarge. In my case, the left side with all the links is not absolute, the left side is a DIV, so the border ends with the last link on the left side, the middle area is a box (DIV) with absolut property, when this area is larger than the left one, the border remains at the level of the left side.

When marking the left DIV with position: absolute, the border will be right after my blog headline, so even more crazy, but logically somehow.

THis still doesnt solve my problem, because i need the absolute positioning for my middle box. This really sucks.

dJomp
dJomp's picture
Offline
Enthusiast
Last seen: 3 years 41 weeks ago
Joined: 2003-03-23
Posts: 422
Points: 0

nested DIV exceeds parent DIV with border

(wrote this last night as the site went down, grr)

I thought that was the problem, but couldn't see the absolute definition in the CSS.

I'm sure there's some other way of positioning the middle box, there's enough of us here to come up with something. If I get a chance over the next couple of days I'll look at it properly for you, but right now I'm meant to be working Wink

Even if it can be floated you can add a 'spacer' DIV:<div style="clear: both;"></div>at the bottom of the border div to get it underneath the blog.

You know you're a geek when you try to shoo a fly away from the monitor with your cursor.

loge
Offline
newbie
Last seen: 16 years 24 weeks ago
Joined: 2003-06-05
Posts: 4
Points: 0

nested DIV exceeds parent DIV with border

for now i put this DIVs into a HTML table, this way i can avoid absolute positioning. Not very cool, but i am a programmer, i dont want to focus weeks on a HTML site Wink