html4/strict.dtd & IE/firefox problem

[eli.h...]

Hi,

I'm trying to create a page with thumbnails that will fill all the
available space. Like, let's say, MSWindows folder in thumbnails view.

I want it to look like:
O O O O
O O O O
O O O
on wider screen,

and like:
O O O
O O O
O O O
O O
on tighter.

It is possible in IE quirk mode by setting width to inline elements,
but how it can be done under html4?

[Els]

[e-mail] wrote:

Hi,

I'm trying to create a page with thumbnails that will fill all the
available space. Like, let's say, MSWindows folder in thumbnails view.

I want it to look like:
O O O O
O O O O
O O O
on wider screen,

and like:
O O O
O O O
O O O
O O
on tighter.

It is possible in IE quirk mode by setting width to inline elements,
but how it can be done under html4?

http://locusmeus.com/test/thumbswithcaptions.html

If you want just thumbnails of equal height without captions:

}
..thumbs img {
display:inline;
}
..thumbs a{
margin:5px;
}

<div class="thumbs">
<a href="..."><img src="..." alt=""></a>
<a href="..."><img src="..." alt=""></a>
<a href="..."><img src="..." alt=""></a>
</div>

--
Els http://locusmeus.com/
Sonhos vem. Sonhos vão. O resto é imperfeito.
- Renato Russo -
Now playing: Extreme - Get The Funk Out

[Jim Moe]

[e-mail] wrote:

I'm trying to create a page with thumbnails that will fill all the
available space. Like, let's say, MSWindows folder in thumbnails view.

What you have described is normal browser behavior. If something else
is happening, it is a peculiarity of your page.
Without an URL to demonstrate your problem, I can't even make a WAG.

--
jmm dash list (at) sohnen-moe (dot) com
(Remove .AXSPAMGN for email)

[eli.h...]

Actually, each item on the page is an icon + text. Texts are vary in
length. I want to keep the items in strait lines in both X and Y
directions.

http://207.232.33.29/example/quirk.htm - check it with IE6. That's what
i look for. Strait vertical lines, each item has 100px width.

That's how the same html looks with html4/strict.dtd
http://207.232.33.29/example/strict.htm

[eli.h...]

>If you want just thumbnails of equal height without >captions:

I have captions.

http://locusmeus.com/test/thum*bswithcaptions.html

Thank you, Els, I used tables as there, and it's working. Now just for
fun - I'm trying to find a solution without tables.

[Els]

[e-mail] wrote:

If you want just thumbnails of equal height without >captions:

I have captions.

http://locusmeus.com/test/thum*bswithcaptions.html

Thank you, Els, I used tables as there, and it's working. Now just for
fun - I'm trying to find a solution without tables.

It's possible with divs, the reason I used tables is that I wanted the
thumbnails to be vertically centered inside their container. This can
be done with divs too, only you'll have to know the exact height of
each image to set the appropriate top padding on the containers.
--
Els http://locusmeus.com/
Sonhos vem. Sonhos vão. O resto é imperfeito.
- Renato Russo -
Now playing: Nelson - Love & Affection

[eli.h...]

>It's possible with divs,

No success with divs. As I understand, div can

OR be BLOCK - and then it can have predefined size, but linefeed
inserted after it

OR be INLINE - then it's size set by it's context and not fixed.

[Els]

[e-mail] wrote:

It's possible with divs,

No success with divs. As I understand, div can

OR be BLOCK - and then it can have predefined size, but linefeed
inserted after it

OR be INLINE - then it's size set by it's context and not fixed.

You need them to be blocks.
Set each div to a certain width and height and a bit of margin, and
give them float:left;

--
Els http://locusmeus.com/
Sonhos vem. Sonhos vão. O resto é imperfeito.
- Renato Russo -
Now playing: Badlands - Winter's Call

[eli.h...]

Thank you, Els

Eli

[Eli H]

I've found this
http://positioniseverything.net/easyclearing.html
very helpful

Eli