Template Help!

jcb33

jcb33

jcb33

Soldato
Joined
11 Apr 2003
Posts
4,216
Location
Notts
Hi All, Got a bit of a problem with my site, if I resize it to much it breaks... My logo will come off the main content, my nav bar will go in and links onto the next line etc... And if my content is to large the content area expands....

http://jcb33.co.uk/index.php

1.JPG


2.JPG


Adding an additional container, which has "float: left" in fixes it on IE, but on FF, it has grey space between the content and the footer, and a gap at the top next to the logo, and a weird step so far down...
 
Last edited:
Mammalian said:
pretty sure it will be because of the width: 100%, try adding either a min-wdith: 200px; or something like that, or changing the width from a percentage to a fix width.
Click to expand...
Is there a way to do that so it works with IE6 etc?
 
Dont see the problem, body padding + margin = 0, wrap = auto, and main = padding-bottom 10, removing them just breaks the page (As i expected)
 
robswan said:
Code: 
<style type="text/css">
div#wrap {
min-width:650px;
max-width:1200px;
}
</style>

<!--[if IE]>
<style type="text/css">
div#wrap {
width:expression(document.body.clientWidth > 1200? "1200px": "auto" );
width:expression(document.body.clientWidth < 650? "650px": "auto" );
}
</style>
<![endif]-->

... it's hardly a perfect solution, but it should work if that's what you want it to do...
Click to expand...
Thanks, had a go at this, but couple of problems:

1) If your on a PC below the resolution of 1152 x 864 the site fills the window.
2) If your on a resolutiojn less than 1024x768 you have to scroll left and right
3) In IE The site fills the whole window

Are the first 2 acceptable problems?
 
I want my layout, to do what it does, nav bar top and bottom, and a left hand nav bar down the side, as there is, and I want it to resize correctly when The browser window is resized.

Im using firefox and IE6, and Opera
 
I should note that it is now set to this:

Code: 
	<style type="text/css">
		div#wrap {
		min-width:980px;
		max-width:80%;
	}
	</style>

	<!--[if IE]>
	<style type="text/css">
		div#wrap {
		width:expression(document.body.clientWidth > 80%? "80%": "0" );
		width:expression(document.body.clientWidth < 980? "980px": "0" );
	}
	</style>
	<![endif]-->

Which works fine in FF and Opera, but in IE6, the guestbook still breaks!
 
sugoi said:
i have an exam tomorow, you can email me the templates and pages, and i could help you look into it. Patience is the key though, and preferably no more angry smileys.
Click to expand...
lol sorry, just want to get it sorted, and thanks, would be great if you dont mind helping! Good luck on your exam also :D
 
You must log in or register to reply here.
Back
Top Bottom