Hey im having a few layout problems in mozilla and IE nothin giant. Here we go.
1. At 800*600 any browser it cuts of the images at the left columns.
2. The content div in the middle in mozilla jumps up and hits the menu and the text hits the bottom any way to sort this.
3. In IE 5 the content div shrinks then just hits the left.
My main problem is the first as it doesnt look nice.
If anybody could help i would be very grateful.
EDIT:The link is here link (<!-- m --><a class="postlink" href="http://www.thedevilseyes.co.uk">http://www.thedevilseyes.co.uk</a><!-- m -->)2. Increase or delete height:18px; in .head.
Increase margin-top:10px; in #content until the gap between it and the menu is large enough.
Validate:
empty tags must be closed; meta, img etc.
scripts must be enclosed like this...
<script type="text/javascript">
//<![CDATA[
<!--
// script goes here
//-->
//]]>
</script>Hey fang thanks again but im usure what you meant about closing the empty tags i thought they were all closed but i understand the script bit.
Over the past two days mate you have been a great help thanks.
I was wondering do you know if the first problem is fixable without recking the layout as it looks in IE6. Thats how my client likes it.You have set the width using "%", so as the available width decreases some content will be cut.
Try having the left and right columns with fixed width ("px") and let the content element flow with changes in width.Thats great ill try that and see how it gets on as for this bit "let the content element flow with changes in width." do you mean keep the content div in %.Yes or leave out the width, the content should spread across what ever is left of the window's width.Perhaps set homehead1.gif as a background image with no-repeat and float:left the cell phone images so that your 'content' div will scale down better. This way if the window is scaled down it will adjust rather then dropping below you're 2 side indexes.Good ideas mates i never thought of that.
Cheers again thanks
1. At 800*600 any browser it cuts of the images at the left columns.
2. The content div in the middle in mozilla jumps up and hits the menu and the text hits the bottom any way to sort this.
3. In IE 5 the content div shrinks then just hits the left.
My main problem is the first as it doesnt look nice.
If anybody could help i would be very grateful.
EDIT:The link is here link (<!-- m --><a class="postlink" href="http://www.thedevilseyes.co.uk">http://www.thedevilseyes.co.uk</a><!-- m -->)2. Increase or delete height:18px; in .head.
Increase margin-top:10px; in #content until the gap between it and the menu is large enough.
Validate:
empty tags must be closed; meta, img etc.
scripts must be enclosed like this...
<script type="text/javascript">
//<![CDATA[
<!--
// script goes here
//-->
//]]>
</script>Hey fang thanks again but im usure what you meant about closing the empty tags i thought they were all closed but i understand the script bit.
Over the past two days mate you have been a great help thanks.
I was wondering do you know if the first problem is fixable without recking the layout as it looks in IE6. Thats how my client likes it.You have set the width using "%", so as the available width decreases some content will be cut.
Try having the left and right columns with fixed width ("px") and let the content element flow with changes in width.Thats great ill try that and see how it gets on as for this bit "let the content element flow with changes in width." do you mean keep the content div in %.Yes or leave out the width, the content should spread across what ever is left of the window's width.Perhaps set homehead1.gif as a background image with no-repeat and float:left the cell phone images so that your 'content' div will scale down better. This way if the window is scaled down it will adjust rather then dropping below you're 2 side indexes.Good ideas mates i never thought of that.
Cheers again thanks