Textpattern CMS

#1 2008-01-15 12:23:41

Gallex

Member

Registered: 2006-10-08

Posts: 1,308

css question: unwanted extra space

hei,

can anybody tell me, why firefox and opera add here an extra space to the bottom of the first album, but not to second?

and why ie 6.0 leaves this empty space at the beginning of the content (above the first album)?

my css:

.album{
width:100%;
}

.album:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}

Last edited by Gallex (2008-01-15 13:27:49)

#2 2008-01-15 19:49:23

Gocom

Developer Emeritus

From: Helsinki, Finland

Registered: 2006-07-14

Posts: 4,533

Website

Re: css question: unwanted extra space

1. You are using pseudo-selector, and we all know that IE6 (or other old browsers) doesn’t support it.
2. Also width: 100%; with div is pointless as it’s block element that is by defeult block

The spacing is probably because the p inside the div.

PS. Hei is finnish. Little slipery there ;)

Cheers!

---

Rah | GitHub

#3 2008-01-16 12:16:18

Gallex

Member

Registered: 2006-10-08

Posts: 1,308

Re: css question: unwanted extra space

Gocom wrote:

You are using pseudo-selector, and we all know that IE6 (or other old browsers) doesn’t support it.

now i tried technic you suggested here and it removed the extra space at the top

the spacing is probably because the p inside the div.

i set the paragraph margin:0; padding:0; inside the album div but didn’t helped :( still left the extra space to the bottom of first album (wierd that only for first album). but what helped was setting min-height:135px; for album div. at least for a now…

Last edited by Gallex (2008-01-16 12:19:22)

#4 2008-01-18 10:38:11

Gallex

Member

Registered: 2006-10-08

Posts: 1,308

Re: css question: unwanted extra space

Gallex wrote:

i set the paragraph margin:0; padding:0; inside the album div but didn’t helped :( still left the extra space to the bottom of first album (wierd that only for first album). but what helped was setting min-height:135px; for album div. at least for a now…

yeah,…just for a moment…setting min-height: 135px; also didn’t help. extra space at the bottom of first album is back :( my page

why only in first album, not in second, i don’t get it?