Juliann Wheeler
> I created this page using css:
>
> http://www.pcg-advisors.com/team.html
>
> The page looks correct except for the alignment of the team photos. It
> looks different in Firefox and IE. Does anyone have a solution to make the
> alignment look correct in both browsers?
>
> Thanks!
Hi Juliann
Why my I ask do you have so many ap layers. The layout you have is so easy don
with a floated left column, with content to the right. In one content can be
images float to the left with the text offset by a left margin. this would be
done with this style.
#leftColumn {float:left;width:14em;background:#9e9;}
#content {margin-left:15em;}
#content img {float:left;}
#content h3 {margin-top:35px;}
#content p {margin-left:120px;}
The last selector would be of minimal use since you have not marked up your
content text in paragraphs properly. Each paragraph is separated by a <br />
and you have used empty <div> </div> elements to seperate that
largseparate of content text. The images have no semantic connection with the
content since they are in the own ap divs outside the content div (whatever
layer that is). You have way to many spans elements as well. Here a demo of a
layout much similar to yours using only the above styling.
<http://css-class.com/x/layout1.htm>
I have seen that you have your text in pixels and this causes IE to freeze text
resizing, but in my demo, if you resize the text in any browser, the layout
will remain the same, since it allows for it text resizing browser screen
resolution of .
BTW, you need alt attributes for your images as since your markup will not be
valid without them.
<img src" width="" height="" alt="sample image" />
Kind Regards, Alan
<http://css-class.com/>
______________________________________________________________________
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
