Re: [css-d] container div doesn't grow to hold images

[francky]

Ingo Chao wrote:

>[...]
>And Opera8 and 9 align these images horizontally. Is this correct? Maybe 
>the align=left should be deleted.
>
>Anyway, the reason for joining this thread is:
>
>Congratulations, Ivar! Best wishes!
>
>Ingo
>  
>
Hi Ivar,
Deleting the align="left" in the html helps. But it is not the only 
thing. The html-validator is protesting at some points too, and regular 
browsers (the not IE) don't extend the wrapper around the images. 
Solution can be a clearing div at the end of the wrapper, combined with 
a "faux column" background image to get the color in the whole left column.

- I can imagine you want to show the photo's as soon as possible to 
family and friends (Felicitations to your both! :-) ), so I made a quick 
model with the most important things.
Here is a testpage 
!

This moment I don't have the time to explain, but some comments are in 
the source code.

Cheers! (zo'n relaxed glaasje wijn ziet er goed uit ;-) )
francky


__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7b2 testing hub -- http://css-discuss.incutio.com/?page=IE7
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Re: [css-d] container div doesn't grow to hold images

[Ingo Chao]

Ivar van Duuren wrote:
> Hi there,
> 
> I have a problem with a page of a personal page.
> The url is this: http://www.gritter.org/trouwen/pics.html
> 
> As you'll see, the pictures are not contained by their parent div.
> To me it looks like they float but in the css they're not defined as
> floating...
> 
> Could anyone tell us what the problem could be?
> 
> Thanks!
>   Ivar
>  **

Took a while for me to see where the float for the images is defined. 
Then, Webkit's Web Inspector said it's the img[align="left"] attribute 
that makes the float, a browser default.

Interesting, because Fx Dom Inspector gives no clue where it is defined, 
just states in "computed styles" that it is a float, if I am not 
overlooking something.

And Opera8 and 9 align these images horizontally. Is this correct? Maybe 
the align=left should be deleted.

Anyway, the reason for joining this thread is:

Congratulations, Ivar! Best wishes!

Ingo

-- 
http://www.satzansatz.de/css.html
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7b2 testing hub -- http://css-discuss.incutio.com/?page=IE7
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Re: [css-d] container div doesn't grow to hold images

[Yehuda Katz]

Do this:

Add overflow: hidden and margin-left: 0 to your #right div.

-- Yehuda Katz

On 7/16/06, Ann Adamcik <[EMAIL PROTECTED]> wrote:
>
> - Original Message 
> From: Ivar van Duuren <[EMAIL PROTECTED]>
>
> I have a problem with a page of a personal page.
> The url is this: http://www.gritter.org/trouwen/pics.html
>
> As you'll see, the pictures are not contained by their parent div.
> To me it looks like they float but in the css they're not defined as
> floating...
> -
>
> Hi Ivar,
>
> You've got markup errors on this page.  See
>
> http://validator.w3.org/check?uri=http%3A%2F%2Fwww.gritter.org%2Ftrouwen%2Fpics.html
>
>  should be   See if fixing those helps...
>
> Looks like it was a nice wedding.  Congratulations!
>
> -Ann
>
>
>
>
> __
> css-discuss [EMAIL PROTECTED]
> http://www.css-discuss.org/mailman/listinfo/css-d
> IE7b2 testing hub -- http://css-discuss.incutio.com/?page=IE7
> List wiki/FAQ -- http://css-discuss.incutio.com/
> Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
>



-- 
Yehuda Katz
Web Developer
(ph)  718.877.1325
(fax) 718.686.4288
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7b2 testing hub -- http://css-discuss.incutio.com/?page=IE7
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Re: [css-d] container div doesn't grow to hold images

[Ann Adamcik]

- Original Message 
From: Ivar van Duuren <[EMAIL PROTECTED]>

I have a problem with a page of a personal page.
The url is this: http://www.gritter.org/trouwen/pics.html

As you'll see, the pictures are not contained by their parent div.
To me it looks like they float but in the css they're not defined as
floating...
-

Hi Ivar,

You've got markup errors on this page.  See
http://validator.w3.org/check?uri=http%3A%2F%2Fwww.gritter.org%2Ftrouwen%2Fpics.html

 should be   See if fixing those helps...

Looks like it was a nice wedding.  Congratulations!

-Ann




__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7b2 testing hub -- http://css-discuss.incutio.com/?page=IE7
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/