In the following layout of the web page :
<!-- m --><a class="postlink" href="http://wsdev.colostate.edu/cwis116/admmock/">http://wsdev.colostate.edu/cwis116/admmock/</a><!-- m -->
1. The border does not display
2. The last section is not aligned.
The display in IE 6 works fine.
Any suggestions.
Thanks.
-nchYour first line
<?xml version="1.0" encoding="UTF-8"?>
puts IE into "quirks mode", interpreting html and css in odd ways. My advice to you is to remove it (it's not doing any good anyway
), and then retry to solve the problem. With the line gone, your page will most likely look the same in all browsers.
Edit: Clarification.Hi there nch,
further to what memark has said, the reason for the non-appearance of the border is that
you have a lower case letter here...
<div class="pageborder">
...which according to your stylesheet should be ...
pageBorder
As for the positioning I see that you are using relative. This is very likely
to be the cause of your problem. I suggest that you try float instead.
cootheadThanks for the help. Now I have the border. I still have the alignment problem.
I have been so used to the table structure that the layout with positioning is not quite intuitive to me.
The layout has the following structure :
pageBorder (width : 760px)
layout_1
layout_out1 (absolute top:91px)
layout_out1a (absolute top:0px left:0px)
layout_out1b (absolute top:0px; left :268px)
layout_out1c (absolute top:251px)
layout_out2 ( position:relative; top:-3px; left:569px
I tried float right for layout_out2, the box is now positioned to the left.
Any other suggestions.
Thanks.The formatting now works with Mozilla. In opera, the last/right column is not aligned to the top.
Also, in IE the last/right column is shifted and not aligned.
<!-- m --><a class="postlink" href="http://wsdev.colostate.edu/cwis116/admmock/">http://wsdev.colostate.edu/cwis116/admmock/</a><!-- m -->
Any suggestions.
Thanks.
<!-- m --><a class="postlink" href="http://wsdev.colostate.edu/cwis116/admmock/">http://wsdev.colostate.edu/cwis116/admmock/</a><!-- m -->
1. The border does not display
2. The last section is not aligned.
The display in IE 6 works fine.
Any suggestions.
Thanks.
-nchYour first line
<?xml version="1.0" encoding="UTF-8"?>
puts IE into "quirks mode", interpreting html and css in odd ways. My advice to you is to remove it (it's not doing any good anyway
), and then retry to solve the problem. With the line gone, your page will most likely look the same in all browsers.Edit: Clarification.Hi there nch,
further to what memark has said, the reason for the non-appearance of the border is that
you have a lower case letter here...
<div class="pageborder">
...which according to your stylesheet should be ...
pageBorder
As for the positioning I see that you are using relative. This is very likely
to be the cause of your problem. I suggest that you try float instead.
cootheadThanks for the help. Now I have the border. I still have the alignment problem.
I have been so used to the table structure that the layout with positioning is not quite intuitive to me.
The layout has the following structure :
pageBorder (width : 760px)
layout_1
layout_out1 (absolute top:91px)
layout_out1a (absolute top:0px left:0px)
layout_out1b (absolute top:0px; left :268px)
layout_out1c (absolute top:251px)
layout_out2 ( position:relative; top:-3px; left:569px
I tried float right for layout_out2, the box is now positioned to the left.
Any other suggestions.
Thanks.The formatting now works with Mozilla. In opera, the last/right column is not aligned to the top.
Also, in IE the last/right column is shifted and not aligned.
<!-- m --><a class="postlink" href="http://wsdev.colostate.edu/cwis116/admmock/">http://wsdev.colostate.edu/cwis116/admmock/</a><!-- m -->
Any suggestions.
Thanks.