Click to See Complete Forum and Search --> : Problem with a div


SxM
06-15-2006, 07:27 PM
Hi,
I'm a newbie in xhtml and Css so I need a very big help to solve a problem.

Please see

Example 1 (http://www.argenteriadabbene.com/2014/Italiano/argento_smaltato1_IT.html)

and after

Example 2 (http://www.argenteriadabbene.com/2014/Italiano/argento_smaltato2_IT.html)

the only one difference between this pages is that in the 2d example image are not available so you see the alt content... BUT why the alt content goes near upper div instead of to stay in the central position of the page ?

This problem occurs with Opera, firefox and Ie7 (NOT ie 6).

So i made another version of the central layout using only one div container for all the central layout and inserting a div as space between the two div container but problem still exist.

Example 3 (http://www.argenteriadabbene.com/2015/Italiano/Bomboniere_IT.html)

Please Help :)

In all two version i tray to use the clear element but using this method the page brokes...:D

Sorry for my horrible english.
Ps2:I'm tryng to recreate the tableless layout like this page (http://www.argenteriadabbene.com/Italiano/argento_smaltato1_IT.html)

WebJoel
06-16-2006, 07:02 AM
The problem might lie here:

In your HTML, you have:
<div id="foto1"><img src="../Photos/bombmelog.jpg" alt="bomboniera melograno" width="32" height="32" /></div>

There is no "foto1" in your *css anywhere that I can find.

SxM
06-16-2006, 01:12 PM
I check and there is:

}
#foto1,#foto2,#foto3,#foto4,#foto5,#foto6,#foto7,#foto8{
margin:5px auto 0 auto;
text-align:center;
}

SxM
06-16-2006, 01:48 PM
I solve the problem using for the first two div position relative and absolute instead of float element.

http://www.argenteriadabbene.com/2016/Italiano/Bomboniere_IT.html
(i will test the result with browser cam as soon as possible)

BUT i would like to learn also how to solve the problem with the float example 'cause it's a personal a goal ! :D

WebJoel
06-16-2006, 02:01 PM
I check and there is:

}
#foto1,#foto2,#foto3,#foto4,#foto5,#foto6,#foto7,#foto8{
margin:5px auto 0 auto;
text-align:center;
}

Yes there is, -my mistake. I read "foto1" in your HTML and in your external CSS, did a word-search for "photo1" and of course, did not find that. My error. -Glad that you found the solution. :)
-Joel