Web Layout
 
Forums: » Register « |  User CP |  Games |  Calendar |  Members |  FAQs |  Sitemap |  Support | 
 
 
User Name:
Password:
Remember me
Go Back   ASP Free ForumsWeb DesignWeb Layout

Reply
Add This Thread To:
  Del.icio.us   Digg   Google   Spurl   Blink   Furl   Simpy   Y! MyWeb 
Thread Tools Search this Thread Rate Thread Display Modes
 
Unread ASP Free Forums Sponsor:
  #1  
Old January 19th, 2006, 11:07 AM
holmags holmags is offline
Contributing User
ASP Free Newbie (0 - 499 posts)
 
Join Date: Jan 2005
Location: Wales
Posts: 110 holmags User rank is Just a Lowly Private (1 - 20 Reputation Level) 
Time spent in forums: 1 Day 6 h 55 m 26 sec
Reputation Power: 4
Firefox liquid layout problem

Hi I keep having this problem with the firefox browser when trying to do a liquid layout. The code below works fine with ie but in firefox the text overlaps the content div after a certain point. Does anyone know how to solve this problem?


Code:
<html>
<head>
<title>Untitled Document</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<style = text/css>
body {
margin: 20px 120px;
padding: 0;
font-size: 12px;
background: #BEDAF7;
}
#head {
height: 15%;
border: 1px solid #000;
border-bottom: 0px;
padding: 10px;
background: #FFF;
}
#navbar {
background: #32A1EA;
border: 1px solid #000;
}
#navinfo {
padding: 5px;
}
#container {
height: 100%;
border: 1px solid #000;
border-top: 0px;
background: #FFF;
}
#left {
float: left;
width: 20%;
height: 100%;
background: #EAF5FF;
}
#content {
float: right;
width: 80%;
height: 100%;
}
#barbot {
background: #4096E1;
padding: 3px;
border: 1px solid #000;
border-top: 0px;
text-align: center;

}
</style>
</head>

<body bgcolor="#FFFFFF" text="#000000">
<div id="head"></div>
<div id="navbar"><div id="navinfo"></div></div>
<div id="container">
	<div id="content">
	<p>dfghgfhgfjtyuyuhjhgjfghfgfdgdfgfdgvcbvbvbcbvbcbcvb  cvbvcbfdhgretregfadrwerrqwrwerajdlkjfdlkjflkdjflkd  s
	fkdjlkfjlsdkjflksdjflksdjflkjdsklfjlkfiouroiuroiwq  uriwqeuorewroiqpwroiweropiuerouewoiruoewiruoewruiw  euroi
	ewrqjweoruiopweuroiweuoriuewoiruoewiruoiweurioweur  oidlkfdskagdfgsacxzcvnxzbvmczxbcxmzbvmzcxb,mxvcxvc  xzvz</p>
		<p>dfghgfhgfjtyuyuhjhgjfghfgfdgdfgfdgvcbvbvbcbvbcbcvb  cvbvcbfdhgretregfadrwerrqwrwerajdlkjfdlkjflkdjflkd  s
	fkdjlkfjlsdkjflksdjflksdjflkjdsklfjlkfiouroiuroiwq  uriwqeuorewroiqpwroiweropiuerouewoiruoewiruoewruiw  euroi
	ewrqjweoruiopweuroiweuoriuewoiruoewiruoiweurioweur  oidlkfdskagdfgsacxzcvnxzbvmczxbcxmzbvmzcxb,mxvcxvc  xzvz</p>
		<p>dfghgfhgfjtyuyuhjhgjfghfgfdgdfgfdgvcbvbvbcbvbcbcvb  cvbvcbfdhgretregfadrwerrqwrwerajdlkjfdlkjflkdjflkd  s
	fkdjlkfjlsdkjflksdjflksdjflkjdsklfjlkfiouroiuroiwq  uriwqeuorewroiqpwroiweropiuerouewoiruoewiruoewruiw  euroi
	ewrqjweoruiopweuroiweuoriuewoiruoewiruoiweurioweur  oidlkfdskagdfgsacxzcvnxzbvmczxbcxmzbvmzcxb,mxvcxvc  xzvz</p>
		<p>dfghgfhgfjtyuyuhjhgjfghfgfdgdfgfdgvcbvbvbcbvbcbcvb  cvbvcbfdhgretregfadrwerrqwrwerajdlkjfdlkjflkdjflkd  s
	fkdjlkfjlsdkjflksdjflksdjflkjdsklfjlkfiouroiuroiwq  uriwqeuorewroiqpwroiweropiuerouewoiruoewiruoewruiw  euroi
	ewrqjweoruiopweuroiweuoriuewoiruoewiruoiweurioweur  oidlkfdskagdfgsacxzcvnxzbvmczxbcxmzbvmzcxb,mxvcxvc  xzvz</p>
		<p>dfghgfhgfjtyuyuhjhgjfghfgfdgdfgfdgvcbvbvbcbvbcbcvb  cvbvcbfdhgretregfadrwerrqwrwerajdlkjfdlkjflkdjflkd  s
	fkdjlkfjlsdkjflksdjflksdjflkjdsklfjlkfiouroiuroiwq  uriwqeuorewroiqpwroiweropiuerouewoiruoewiruoewruiw  euroi
	ewrqjweoruiopweuroiweuoriuewoiruoewiruoiweurioweur  oidlkfdskagdfgsacxzcvnxzbvmczxbcxmzbvmzcxb,mxvcxvc  xzvz</p>
		<p>dfghgfhgfjtyuyuhjhgjfghfgfdgdfgfdgvcbvbvbcbvbcbcvb  cvbvcbfdhgretregfadrwerrqwrwerajdlkjfdlkjflkdjflkd  s
	fkdjlkfjlsdkjflksdjflksdjflkjdsklfjlkfiouroiuroiwq  uriwqeuorewroiqpwroiweropiuerouewoiruoewiruoewruiw  euroi
	ewrqjweoruiopweuroiweuoriuewoiruoewiruoiweurioweur  oidlkfdskagdfgsacxzcvnxzbvmczxbcxmzbvmzcxb,mxvcxvc  xzvz</p>
		<p>dfghgfhgfjtyuyuhjhgjfghfgfdgdfgfdgvcbvbvbcbvbcbcvb  cvbvcbfdhgretregfadrwerrqwrwerajdlkjfdlkjflkdjflkd  s
	fkdjlkfjlsdkjflksdjflksdjflkjdsklfjlkfiouroiuroiwq  uriwqeuorewroiqpwroiweropiuerouewoiruoewiruoewruiw  euroi
	ewrqjweoruiopweuroiweuoriuewoiruoewiruoiweurioweur  oidlkfdskagdfgsacxzcvnxzbvmczxbcxmzbvmzcxb,mxvcxvc  xzvz</p>
		<p>dfghgfhgfjtyuyuhjhgjfghfgfdgdfgfdgvcbvbvbcbvbcbcvb  cvbvcbfdhgretregfadrwerrqwrwerajdlkjfdlkjflkdjflkd  s
	fkdjlkfjlsdkjflksdjflksdjflkjdsklfjlkfiouroiuroiwq  uriwqeuorewroiqpwroiweropiuerouewoiruoewiruoewruiw  euroi
	ewrqjweoruiopweuroiweuoriuewoiruoewiruoiweurioweur  oidlkfdskagdfgsacxzcvnxzbvmczxbcxmzbvmzcxb,mxvcxvc  xzvz</p>
		<p>dfghgfhgfjtyuyuhjhgjfghfgfdgdfgfdgvcbvbvbcbvbcbcvb  cvbvcbfdhgretregfadrwerrqwrwerajdlkjfdlkjflkdjflkd  s
	fkdjlkfjlsdkjflksdjflksdjflkjdsklfjlkfiouroiuroiwq  uriwqeuorewroiqpwroiweropiuerouewoiruoewiruoewruiw  euroi
	ewrqjweoruiopweuroiweuoriuewoiruoewiruoiweurioweur  oidlkfdskagdfgsacxzcvnxzbvmczxbcxmzbvmzcxb,mxvcxvc  xzvz</p>
		<p>dfghgfhgfjtyuyuhjhgjfghfgfdgdfgfdgvcbvbvbcbvbcbcvb  cvbvcbfdhgretregfadrwerrqwrwerajdlkjfdlkjflkdjflkd  s
	fkdjlkfjlsdkjflksdjflksdjflkjdsklfjlkfiouroiuroiwq  uriwqeuorewroiqpwroiweropiuerouewoiruoewiruoewruiw  euroi
	ewrqjweoruiopweuroiweuoriuewoiruoewiruoiweurioweur  oidlkfdskagdfgsacxzcvnxzbvmczxbcxmzbvmzcxb,mxvcxvc  xzvz</p>	
	<p>dfghgfhgfjtyuyuhjhgjfghfgfdgdfgfdgvcbvbvbcbvbcbcvb  cvbvcbfdhgretregfadrwerrqwrwerajdlkjfdlkjflkdjflkd  s
	fkdjlkfjlsdkjflksdjflksdjflkjdsklfjlkfiouroiuroiwq  uriwqeuorewroiqpwroiweropiuerouewoiruoewiruoewruiw  euroi
	ewrqjweoruiopweuroiweuoriuewoiruoewiruoiweurioweur  oidlkfdskagdfgsacxzcvnxzbvmczxbcxmzbvmzcxb,mxvcxvc  xzvz</p>
		<p>dfghgfhgfjtyuyuhjhgjfghfgfdgdfgfdgvcbvbvbcbvbcbcvb  cvbvcbfdhgretregfadrwerrqwrwerajdlkjfdlkjflkdjflkd  s
	fkdjlkfjlsdkjflksdjflksdjflkjdsklfjlkfiouroiuroiwq  uriwqeuorewroiqpwroiweropiuerouewoiruoewiruoewruiw  euroi
	ewrqjweoruiopweuroiweuoriuewoiruoewiruoiweurioweur  oidlkfdskagdfgsacxzcvnxzbvmczxbcxmzbvmzcxb,mxvcxvc  xzvz</p>
		<p>dfghgfhgfjtyuyuhjhgjfghfgfdgdfgfdgvcbvbvbcbvbcbcvb  cvbvcbfdhgretregfadrwerrqwrwerajdlkjfdlkjflkdjflkd  s
	fkdjlkfjlsdkjflksdjflksdjflkjdsklfjlkfiouroiuroiwq  uriwqeuorewroiqpwroiweropiuerouewoiruoewiruoewruiw  euroi
	ewrqjweoruiopweuroiweuoriuewoiruoewiruoiweurioweur  oidlkfdskagdfgsacxzcvnxzbvmczxbcxmzbvmzcxb,mxvcxvc  xzvz</p>
		<p>dfghgfhgfjtyuyuhjhgjfghfgfdgdfgfdgvcbvbvbcbvbcbcvb  cvbvcbfdhgretregfadrwerrqwrwerajdlkjfdlkjflkdjflkd  s
	fkdjlkfjlsdkjflksdjflksdjflkjdsklfjlkfiouroiuroiwq  uriwqeuorewroiqpwroiweropiuerouewoiruoewiruoewruiw  euroi
	ewrqjweoruiopweuroiweuoriuewoiruoewiruoiweurioweur  oidlkfdskagdfgsacxzcvnxzbvmczxbcxmzbvmzcxb,mxvcxvc  xzvz</p>
		<p>dfghgfhgfjtyuyuhjhgjfghfgfdgdfgfdgvcbvbvbcbvbcbcvb  cvbvcbfdhgretregfadrwerrqwrwerajdlkjfdlkjflkdjflkd  s
	fkdjlkfjlsdkjflksdjflksdjflkjdsklfjlkfiouroiuroiwq  uriwqeuorewroiqpwroiweropiuerouewoiruoewiruoewruiw  euroi
	ewrqjweoruiopweuroiweuoriuewoiruoewiruoiweurioweur  oidlkfdskagdfgsacxzcvnxzbvmczxbcxmzbvmzcxb,mxvcxvc  xzvz</p>	
	<p>dfghgfhgfjtyuyuhjhgjfghfgfdgdfgfdgvcbvbvbcbvbcbcvb  cvbvcbfdhgretregfadrwerrqwrwerajdlkjfdlkjflkdjflkd  s
	fkdjlkfjlsdkjflksdjflksdjflkjdsklfjlkfiouroiuroiwq  uriwqeuorewroiqpwroiweropiuerouewoiruoewiruoewruiw  euroi
	ewrqjweoruiopweuroiweuoriuewoiruoewiruoiweurioweur  oidlkfdskagdfgsacxzcvnxzbvmczxbcxmzbvmzcxb,mxvcxvc  xzvz</p>
	</div>
	<div id="left"></div>
</div>
<div id="barbot">copyright</div>
</body>
</html>


thanks

holmags

Reply With Quote
  #2  
Old January 20th, 2006, 10:03 PM
stack72 stack72 is offline
Registered User
ASP Free Newbie (0 - 499 posts)
 
Join Date: Jan 2006
Posts: 9 stack72 User rank is Just a Lowly Private (1 - 20 Reputation Level) 
Time spent in forums: 2 h 11 m 7 sec
Reputation Power: 0
Quote:
Originally Posted by holmags
Hi I keep having this problem with the firefox browser when trying to do a liquid layout. The code below works fine with ie but in firefox the text overlaps the content div after a certain point. Does anyone know how to solve this problem?


Code:
<html>
<head>
<title>Untitled Document</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<style = text/css>
body {
margin: 20px 120px;
padding: 0;
font-size: 12px;
background: #BEDAF7;
}
#head {
height: 15%;
border: 1px solid #000;
border-bottom: 0px;
padding: 10px;
background: #FFF;
}
#navbar {
background: #32A1EA;
border: 1px solid #000;
}
#navinfo {
padding: 5px;
}
#container {
height: 100%;
border: 1px solid #000;
border-top: 0px;
background: #FFF;
}
#left {
float: left;
width: 20%;
height: 100%;
background: #EAF5FF;
}
#content {
float: right;
width: 80%;
height: 100%;
}
#barbot {
background: #4096E1;
padding: 3px;
border: 1px solid #000;
border-top: 0px;
text-align: center;

}
</style>
</head>

<body bgcolor="#FFFFFF" text="#000000">
<div id="head"></div>
<div id="navbar"><div id="navinfo"></div></div>
<div id="container">
	<div id="content">
	<p>dfghgfhgfjtyuyuhjhgjfghfgfdgdfgfdgvcbvbvbcbvbcbcvb  cvbvcbfdhgretregfadrwerrqwrwerajdlkjfdlkjflkdjflkd  s
	fkdjlkfjlsdkjflksdjflksdjflkjdsklfjlkfiouroiuroiwq  uriwqeuorewroiqpwroiweropiuerouewoiruoewiruoewruiw  euroi
	ewrqjweoruiopweuroiweuoriuewoiruoewiruoiweurioweur  oidlkfdskagdfgsacxzcvnxzbvmczxbcxmzbvmzcxb,mxvcxvc  xzvz</p>
		<p>dfghgfhgfjtyuyuhjhgjfghfgfdgdfgfdgvcbvbvbcbvbcbcvb  cvbvcbfdhgretregfadrwerrqwrwerajdlkjfdlkjflkdjflkd  s
	fkdjlkfjlsdkjflksdjflksdjflkjdsklfjlkfiouroiuroiwq  uriwqeuorewroiqpwroiweropiuerouewoiruoewiruoewruiw  euroi
	ewrqjweoruiopweuroiweuoriuewoiruoewiruoiweurioweur  oidlkfdskagdfgsacxzcvnxzbvmczxbcxmzbvmzcxb,mxvcxvc  xzvz</p>
		<p>dfghgfhgfjtyuyuhjhgjfghfgfdgdfgfdgvcbvbvbcbvbcbcvb  cvbvcbfdhgretregfadrwerrqwrwerajdlkjfdlkjflkdjflkd  s
	fkdjlkfjlsdkjflksdjflksdjflkjdsklfjlkfiouroiuroiwq  uriwqeuorewroiqpwroiweropiuerouewoiruoewiruoewruiw  euroi
	ewrqjweoruiopweuroiweuoriuewoiruoewiruoiweurioweur  oidlkfdskagdfgsacxzcvnxzbvmczxbcxmzbvmzcxb,mxvcxvc  xzvz</p>
		<p>dfghgfhgfjtyuyuhjhgjfghfgfdgdfgfdgvcbvbvbcbvbcbcvb  cvbvcbfdhgretregfadrwerrqwrwerajdlkjfdlkjflkdjflkd  s
	fkdjlkfjlsdkjflksdjflksdjflkjdsklfjlkfiouroiuroiwq  uriwqeuorewroiqpwroiweropiuerouewoiruoewiruoewruiw  euroi
	ewrqjweoruiopweuroiweuoriuewoiruoewiruoiweurioweur  oidlkfdskagdfgsacxzcvnxzbvmczxbcxmzbvmzcxb,mxvcxvc  xzvz</p>
		<p>dfghgfhgfjtyuyuhjhgjfghfgfdgdfgfdgvcbvbvbcbvbcbcvb  cvbvcbfdhgretregfadrwerrqwrwerajdlkjfdlkjflkdjflkd  s
	fkdjlkfjlsdkjflksdjflksdjflkjdsklfjlkfiouroiuroiwq  uriwqeuorewroiqpwroiweropiuerouewoiruoewiruoewruiw  euroi
	ewrqjweoruiopweuroiweuoriuewoiruoewiruoiweurioweur  oidlkfdskagdfgsacxzcvnxzbvmczxbcxmzbvmzcxb,mxvcxvc  xzvz</p>
		<p>dfghgfhgfjtyuyuhjhgjfghfgfdgdfgfdgvcbvbvbcbvbcbcvb  cvbvcbfdhgretregfadrwerrqwrwerajdlkjfdlkjflkdjflkd  s
	fkdjlkfjlsdkjflksdjflksdjflkjdsklfjlkfiouroiuroiwq  uriwqeuorewroiqpwroiweropiuerouewoiruoewiruoewruiw  euroi
	ewrqjweoruiopweuroiweuoriuewoiruoewiruoiweurioweur  oidlkfdskagdfgsacxzcvnxzbvmczxbcxmzbvmzcxb,mxvcxvc  xzvz</p>
		<p>dfghgfhgfjtyuyuhjhgjfghfgfdgdfgfdgvcbvbvbcbvbcbcvb  cvbvcbfdhgretregfadrwerrqwrwerajdlkjfdlkjflkdjflkd  s
	fkdjlkfjlsdkjflksdjflksdjflkjdsklfjlkfiouroiuroiwq  uriwqeuorewroiqpwroiweropiuerouewoiruoewiruoewruiw  euroi
	ewrqjweoruiopweuroiweuoriuewoiruoewiruoiweurioweur  oidlkfdskagdfgsacxzcvnxzbvmczxbcxmzbvmzcxb,mxvcxvc  xzvz</p>
		<p>dfghgfhgfjtyuyuhjhgjfghfgfdgdfgfdgvcbvbvbcbvbcbcvb  cvbvcbfdhgretregfadrwerrqwrwerajdlkjfdlkjflkdjflkd  s
	fkdjlkfjlsdkjflksdjflksdjflkjdsklfjlkfiouroiuroiwq  uriwqeuorewroiqpwroiweropiuerouewoiruoewiruoewruiw  euroi
	ewrqjweoruiopweuroiweuoriuewoiruoewiruoiweurioweur  oidlkfdskagdfgsacxzcvnxzbvmczxbcxmzbvmzcxb,mxvcxvc  xzvz</p>
		<p>dfghgfhgfjtyuyuhjhgjfghfgfdgdfgfdgvcbvbvbcbvbcbcvb  cvbvcbfdhgretregfadrwerrqwrwerajdlkjfdlkjflkdjflkd  s
	fkdjlkfjlsdkjflksdjflksdjflkjdsklfjlkfiouroiuroiwq  uriwqeuorewroiqpwroiweropiuerouewoiruoewiruoewruiw  euroi
	ewrqjweoruiopweuroiweuoriuewoiruoewiruoiweurioweur  oidlkfdskagdfgsacxzcvnxzbvmczxbcxmzbvmzcxb,mxvcxvc  xzvz</p>
		<p>dfghgfhgfjtyuyuhjhgjfghfgfdgdfgfdgvcbvbvbcbvbcbcvb  cvbvcbfdhgretregfadrwerrqwrwerajdlkjfdlkjflkdjflkd  s
	fkdjlkfjlsdkjflksdjflksdjflkjdsklfjlkfiouroiuroiwq  uriwqeuorewroiqpwroiweropiuerouewoiruoewiruoewruiw  euroi
	ewrqjweoruiopweuroiweuoriuewoiruoewiruoiweurioweur  oidlkfdskagdfgsacxzcvnxzbvmczxbcxmzbvmzcxb,mxvcxvc  xzvz</p>	
	<p>dfghgfhgfjtyuyuhjhgjfghfgfdgdfgfdgvcbvbvbcbvbcbcvb  cvbvcbfdhgretregfadrwerrqwrwerajdlkjfdlkjflkdjflkd  s
	fkdjlkfjlsdkjflksdjflksdjflkjdsklfjlkfiouroiuroiwq  uriwqeuorewroiqpwroiweropiuerouewoiruoewiruoewruiw  euroi
	ewrqjweoruiopweuroiweuoriuewoiruoewiruoiweurioweur  oidlkfdskagdfgsacxzcvnxzbvmczxbcxmzbvmzcxb,mxvcxvc  xzvz</p>
		<p>dfghgfhgfjtyuyuhjhgjfghfgfdgdfgfdgvcbvbvbcbvbcbcvb  cvbvcbfdhgretregfadrwerrqwrwerajdlkjfdlkjflkdjflkd  s
	fkdjlkfjlsdkjflksdjflksdjflkjdsklfjlkfiouroiuroiwq  uriwqeuorewroiqpwroiweropiuerouewoiruoewiruoewruiw  euroi
	ewrqjweoruiopweuroiweuoriuewoiruoewiruoiweurioweur  oidlkfdskagdfgsacxzcvnxzbvmczxbcxmzbvmzcxb,mxvcxvc  xzvz</p>
		<p>dfghgfhgfjtyuyuhjhgjfghfgfdgdfgfdgvcbvbvbcbvbcbcvb  cvbvcbfdhgretregfadrwerrqwrwerajdlkjfdlkjflkdjflkd  s
	fkdjlkfjlsdkjflksdjflksdjflkjdsklfjlkfiouroiuroiwq  uriwqeuorewroiqpwroiweropiuerouewoiruoewiruoewruiw  euroi
	ewrqjweoruiopweuroiweuoriuewoiruoewiruoiweurioweur  oidlkfdskagdfgsacxzcvnxzbvmczxbcxmzbvmzcxb,mxvcxvc  xzvz</p>
		<p>dfghgfhgfjtyuyuhjhgjfghfgfdgdfgfdgvcbvbvbcbvbcbcvb  cvbvcbfdhgretregfadrwerrqwrwerajdlkjfdlkjflkdjflkd  s
	fkdjlkfjlsdkjflksdjflksdjflkjdsklfjlkfiouroiuroiwq  uriwqeuorewroiqpwroiweropiuerouewoiruoewiruoewruiw  euroi
	ewrqjweoruiopweuroiweuoriuewoiruoewiruoiweurioweur  oidlkfdskagdfgsacxzcvnxzbvmczxbcxmzbvmzcxb,mxvcxvc  xzvz</p>
		<p>dfghgfhgfjtyuyuhjhgjfghfgfdgdfgfdgvcbvbvbcbvbcbcvb  cvbvcbfdhgretregfadrwerrqwrwerajdlkjfdlkjflkdjflkd  s
	fkdjlkfjlsdkjflksdjflksdjflkjdsklfjlkfiouroiuroiwq  uriwqeuorewroiqpwroiweropiuerouewoiruoewiruoewruiw  euroi
	ewrqjweoruiopweuroiweuoriuewoiruoewiruoiweurioweur  oidlkfdskagdfgsacxzcvnxzbvmczxbcxmzbvmzcxb,mxvcxvc  xzvz</p>	
	<p>dfghgfhgfjtyuyuhjhgjfghfgfdgdfgfdgvcbvbvbcbvbcbcvb  cvbvcbfdhgretregfadrwerrqwrwerajdlkjfdlkjflkdjflkd  s
	fkdjlkfjlsdkjflksdjflksdjflkjdsklfjlkfiouroiuroiwq  uriwqeuorewroiqpwroiweropiuerouewoiruoewiruoewruiw  euroi
	ewrqjweoruiopweuroiweuoriuewoiruoewiruoiweurioweur  oidlkfdskagdfgsacxzcvnxzbvmczxbcxmzbvmzcxb,mxvcxvc  xzvz</p>
	</div>
	<div id="left"></div>
</div>
<div id="barbot">copyright</div>
</body>
</html>


thanks

holmags


cant really answer your question fully but would it not be better to keep yous style/css as a separate document and then include this in the current document using an include to somethig similar to this
Code:
 <LINK REL="stylesheet" TYPE="text/css" HREF="MyStyles.css"> 


(you will have to accept my apologies here as it is 0400 hrs and i have just got back from work -this is just a quick example.

Reply With Quote
  #3  
Old January 21st, 2006, 06:23 AM
holmags holmags is offline
Contributing User
ASP Free Newbie (0 - 499 posts)
 
Join Date: Jan 2005
Location: Wales
Posts: 110 holmags User rank is Just a Lowly Private (1 - 20 Reputation Level) 
Time spent in forums: 1 Day 6 h 55 m 26 sec
Reputation Power: 4
Thanks for replying. I usually use an external css file but did it that way so that people could just copy it straight over without having to create two different files. Makes things easier.

I've figured out one way to do a liquid layout for all browsers using an image but do you know how to do it without using an image?


Any help would be great


thanks

holmags

Reply With Quote
  #4  
Old January 21st, 2006, 12:30 PM
stack72 stack72 is offline
Registered User
ASP Free Newbie (0 - 499 posts)
 
Join Date: Jan 2006
Posts: 9 stack72 User rank is Just a Lowly Private (1 - 20 Reputation Level) 
Time spent in forums: 2 h 11 m 7 sec
Reputation Power: 0
to tell you the truth this is a problem i have actually encountered myself and i have not been able to combat it. if you can post how to stop this with an image i will have a tinker around and see how to do it without an image

stack72

Reply With Quote
  #5  
Old January 21st, 2006, 12:53 PM
stack72 stack72 is offline
Registered User
ASP Free Newbie (0 - 499 posts)
 
Join Date: Jan 2006
Posts: 9 stack72 User rank is Just a Lowly Private (1 - 20 Reputation Level) 
Time spent in forums: 2 h 11 m 7 sec
Reputation Power: 0
hopefully this is the same problem as the guy with the ie problem in the same category.

what i have told him is the following. you may need to force ie to keep the line heights normal by usng the following line 'line-height:normal;' within your css file so if you have this type of thing in your css file this problem may be combatted using the following method - try to force the browser to accept current line values using a css documnet.

if you do have a css document locate a line that looks like the following or what does the same job

Code:
 <font style="color:white; font-weight:bold; font-family:sans-serif; font-size:12px; vertical-align:bottom">
 


and try adding the line 'line-height:normal:'

so your code will be the following for the above example

Code:
 <font style="color:white; font-weight:bold; font-family:sans-serif; font-size:12px; vertical-align:bottom; line-height:normal;">
 


and see if that works?

stack72

Reply With Quote
  #6  
Old January 21st, 2006, 01:24 PM
holmags holmags is offline
Contributing User
ASP Free Newbie (0 - 499 posts)
 
Join Date: Jan 2005
Location: Wales
Posts: 110 holmags User rank is Just a Lowly Private (1 - 20 Reputation Level) 
Time spent in forums: 1 Day 6 h 55 m 26 sec
Reputation Power: 4
Thanks for replying. I've figured out how to do it without an image. I've just taken a bit of code from the image based solution and it works. The code is below:

Code:
<html>
<head>
<title>Untitled Document</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<style = text/css>
body {
margin: 20px 120px;
padding: 0;
font-size: 12px;
background: #BEDAF7;

}
#head {
height: 15%;
border: 1px solid #000;
border-bottom: 0px;
padding: 10px;
background: #FFF;
}
#navbar {
background: #32A1EA;
border: 1px solid #000;
}
#navinfo {
padding: 5px;
}
#container {

border: 1px solid #000;
border-top: 0px;
background: #EAF5FF;
}
#left {
float: left;
width: 20%;

background: #EAF5FF;
}
#content {
float: right;
width: 80%;
background: #fff;
}
#barbot {
background: #4096E1;
padding: 3px;
border: 1px solid #000;
border-top: 0px;
text-align: center;

}
.clear {
clear: both;
}
</style>
</head>

<body bgcolor="#FFFFFF" text="#000000">
<div id="head"></div>
<div id="navbar"><div id="navinfo"></div></div>
<div id="container">
<div id="left"></div>
	<div id="content">
	<p>dfghgfhgfjtyuyuhjhgjfghfgfdgdfgfdgvcbvbvbcbvbcbcvb    cvbvcbfdhgretregfadrwerrqwrwerajdlkjfdlkjflkdjflkd    s
	fkdjlkfjlsdkjflksdjflksdjflkjdsklfjlkfiouroiuroiwq    uriwqeuorewroiqpwroiweropiuerouewoiruoewiruoewruiw    euroi
	ewrqjweoruiopweuroiweuoriuewoiruoewiruoiweurioweur    oidlkfdskagdfgsacxzcvnxzbvmczxbcxmzbvmzcxb,mxvcxvc    xzvz</p>
		<p>dfghgfhgfjtyuyuhjhgjfghfgfdgdfgfdgvcbvbvbcbvbcbcvb    cvbvcbfdhgretregfadrwerrqwrwerajdlkjfdlkjflkdjflkd    s
	fkdjlkfjlsdkjflksdjflksdjflkjdsklfjlkfiouroiuroiwq    uriwqeuorewroiqpwroiweropiuerouewoiruoewiruoewruiw    euroi
	ewrqjweoruiopweuroiweuoriuewoiruoewiruoiweurioweur    oidlkfdskagdfgsacxzcvnxzbvmczxbcxmzbvmzcxb,mxvcxvc    xzvz</p>
		<p>dfghgfhgfjtyuyuhjhgjfghfgfdgdfgfdgvcbvbvbcbvbcbcvb    cvbvcbfdhgretregfadrwerrqwrwerajdlkjfdlkjflkdjflkd    s
	fkdjlkfjlsdkjflksdjflksdjflkjdsklfjlkfiouroiuroiwq    uriwqeuorewroiqpwroiweropiuerouewoiruoewiruoewruiw    euroi
	ewrqjweoruiopweuroiweuoriuewoiruoewiruoiweurioweur    oidlkfdskagdfgsacxzcvnxzbvmczxbcxmzbvmzcxb,mxvcxvc    xzvz</p>
		<p>dfghgfhgfjtyuyuhjhgjfghfgfdgdfgfdgvcbvbvbcbvbcbcvb    cvbvcbfdhgretregfadrwerrqwrwerajdlkjfdlkjflkdjflkd    s
	fkdjlkfjlsdkjflksdjflksdjflkjdsklfjlkfiouroiuroiwq    uriwqeuorewroiqpwroiweropiuerouewoiruoewiruoewruiw    euroi
	ewrqjweoruiopweuroiweuoriuewoiruoewiruoiweurioweur    oidlkfdskagdfgsacxzcvnxzbvmczxbcxmzbvmzcxb,mxvcxvc    xzvz</p>
		<p>dfghgfhgfjtyuyuhjhgjfghfgfdgdfgfdgvcbvbvbcbvbcbcvb    cvbvcbfdhgretregfadrwerrqwrwerajdlkjfdlkjflkdjflkd    s
	fkdjlkfjlsdkjflksdjflksdjflkjdsklfjlkfiouroiuroiwq    uriwqeuorewroiqpwroiweropiuerouewoiruoewiruoewruiw    euroi
	ewrqjweoruiopweuroiweuoriuewoiruoewiruoiweurioweur    oidlkfdskagdfgsacxzcvnxzbvmczxbcxmzbvmzcxb,mxvcxvc    xzvz</p>
		<p>dfghgfhgfjtyuyuhjhgjfghfgfdgdfgfdgvcbvbvbcbvbcbcvb    cvbvcbfdhgretregfadrwerrqwrwerajdlkjfdlkjflkdjflkd    s
	fkdjlkfjlsdkjflksdjflksdjflkjdsklfjlkfiouroiuroiwq    uriwqeuorewroiqpwroiweropiuerouewoiruoewiruoewruiw    euroi
	ewrqjweoruiopweuroiweuoriuewoiruoewiruoiweurioweur    oidlkfdskagdfgsacxzcvnxzbvmczxbcxmzbvmzcxb,mxvcxvc    xzvz</p>
		<p>dfghgfhgfjtyuyuhjhgjfghfgfdgdfgfdgvcbvbvbcbvbcbcvb    cvbvcbfdhgretregfadrwerrqwrwerajdlkjfdlkjflkdjflkd    s
	fkdjlkfjlsdkjflksdjflksdjflkjdsklfjlkfiouroiuroiwq    uriwqeuorewroiqpwroiweropiuerouewoiruoewiruoewruiw    euroi
	ewrqjweoruiopweuroiweuoriuewoiruoewiruoiweurioweur    oidlkfdskagdfgsacxzcvnxzbvmczxbcxmzbvmzcxb,mxvcxvc    xzvz</p>
		<p>dfghgfhgfjtyuyuhjhgjfghfgfdgdfgfdgvcbvbvbcbvbcbcvb    cvbvcbfdhgretregfadrwerrqwrwerajdlkjfdlkjflkdjflkd    s
	fkdjlkfjlsdkjflksdjflksdjflkjdsklfjlkfiouroiuroiwq    uriwqeuorewroiqpwroiweropiuerouewoiruoewiruoewruiw    euroi
	ewrqjweoruiopweuroiweuoriuewoiruoewiruoiweurioweur    oidlkfdskagdfgsacxzcvnxzbvmczxbcxmzbvmzcxb,mxvcxvc    xzvz</p>
		<p>dfghgfhgfjtyuyuhjhgjfghfgfdgdfgfdgvcbvbvbcbvbcbcvb    cvbvcbfdhgretregfadrwerrqwrwerajdlkjfdlkjflkdjflkd    s
	fkdjlkfjlsdkjflksdjflksdjflkjdsklfjlkfiouroiuroiwq    uriwqeuorewroiqpwroiweropiuerouewoiruoewiruoewruiw    euroi
	ewrqjweoruiopweuroiweuoriuewoiruoewiruoiweurioweur    oidlkfdskagdfgsacxzcvnxzbvmczxbcxmzbvmzcxb,mxvcxvc    xzvz</p>
		<p>dfghgfhgfjtyuyuhjhgjfghfgfdgdfgfdgvcbvbvbcbvbcbcvb    cvbvcbfdhgretregfadrwerrqwrwerajdlkjfdlkjflkdjflkd    s
	fkdjlkfjlsdkjflksdjflksdjflkjdsklfjlkfiouroiuroiwq    uriwqeuorewroiqpwroiweropiuerouewoiruoewiruoewruiw    euroi
	ewrqjweoruiopweuroiweuoriuewoiruoewiruoiweurioweur    oidlkfdskagdfgsacxzcvnxzbvmczxbcxmzbvmzcxb,mxvcxvc    xzvz</p>	
	<p>dfghgfhgfjtyuyuhjhgjfghfgfdgdfgfdgvcbvbvbcbvbcbcvb    cvbvcbfdhgretregfadrwerrqwrwerajdlkjfdlkjflkdjflkd    s
	fkdjlkfjlsdkjflksdjflksdjflkjdsklfjlkfiouroiuroiwq    uriwqeuorewroiqpwroiweropiuerouewoiruoewiruoewruiw    euroi
	ewrqjweoruiopweuroiweuoriuewoiruoewiruoiweurioweur    oidlkfdskagdfgsacxzcvnxzbvmczxbcxmzbvmzcxb,mxvcxvc    xzvz</p>
		<p>dfghgfhgfjtyuyuhjhgjfghfgfdgdfgfdgvcbvbvbcbvbcbcvb    cvbvcbfdhgretregfadrwerrqwrwerajdlkjfdlkjflkdjflkd    s
	fkdjlkfjlsdkjflksdjflksdjflkjdsklfjlkfiouroiuroiwq    uriwqeuorewroiqpwroiweropiuerouewoiruoewiruoewruiw    euroi
	ewrqjweoruiopweuroiweuoriuewoiruoewiruoiweurioweur    oidlkfdskagdfgsacxzcvnxzbvmczxbcxmzbvmzcxb,mxvcxvc    xzvz</p>
		<p>dfghgfhgfjtyuyuhjhgjfghfgfdgdfgfdgvcbvbvbcbvbcbcvb    cvbvcbfdhgretregfadrwerrqwrwerajdlkjfdlkjflkdjflkd    s
	fkdjlkfjlsdkjflksdjflksdjflkjdsklfjlkfiouroiuroiwq    uriwqeuorewroiqpwroiweropiuerouewoiruoewiruoewruiw    euroi
	ewrqjweoruiopweuroiweuoriuewoiruoewiruoiweurioweur    oidlkfdskagdfgsacxzcvnxzbvmczxbcxmzbvmzcxb,mxvcxvc    xzvz</p>
		<p>dfghgfhgfjtyuyuhjhgjfghfgfdgdfgfdgvcbvbvbcbvbcbcvb    cvbvcbfdhgretregfadrwerrqwrwerajdlkjfdlkjflkdjflkd    s
	fkdjlkfjlsdkjflksdjflksdjflkjdsklfjlkfiouroiuroiwq    uriwqeuorewroiqpwroiweropiuerouewoiruoewiruoewruiw    euroi
	ewrqjweoruiopweuroiweuoriuewoiruoewiruoiweurioweur    oidlkfdskagdfgsacxzcvnxzbvmczxbcxmzbvmzcxb,mxvcxvc    xzvz</p>
		<p>dfghgfhgfjtyuyuhjhgjfghfgfdgdfgfdgvcbvbvbcbvbcbcvb    cvbvcbfdhgretregfadrwerrqwrwerajdlkjfdlkjflkdjflkd    s
	fkdjlkfjlsdkjflksdjflksdjflkjdsklfjlkfiouroiuroiwq    uriwqeuorewroiqpwroiweropiuerouewoiruoewiruoewruiw    euroi
	ewrqjweoruiopweuroiweuoriuewoiruoewiruoiweurioweur    oidlkfdskagdfgsacxzcvnxzbvmczxbcxmzbvmzcxb,mxvcxvc    xzvz</p>	
	<p>dfghgfhgfjtyuyuhjhgjfghfgfdgdfgfdgvcbvbvbcbvbcbcvb    cvbvcbfdhgretregfadrwerrqwrwerajdlkjfdlkjflkdjflkd    s
	fkdjlkfjlsdkjflksdjflksdjflkjdsklfjlkfiouroiuroiwq    uriwqeuorewroiqpwroiweropiuerouewoiruoewiruoewruiw    euroi
	ewrqjweoruiopweuroiweuoriuewoiruoewiruoiweurioweur    oidlkfdskagdfgsacxzcvnxzbvmczxbcxmzbvmzcxb,mxvcxvc    xzvz</p>
	</div>
	<br class="clear">
	
</div>
<div id="barbot">copyright</div>
</body>
</html>


All I added was the clear code and it works. The container colour has to be set to the left columns background colour as the left still doesn't stretch as far down as the content div. It works tho

holmags

Reply With Quote
Reply

Viewing: ASP Free ForumsWeb DesignWeb Layout > Firefox liquid layout problem


Thread Tools  Search this Thread 
Search this Thread:

Advanced Search
Display Modes  Rate This Thread 
Rate This Thread:


Posting Rules
You may not post new threads
You may not post replies
You may not post attachments
You may not edit your posts

vB code is On
Smilies are On
[IMG] code is On
HTML code is Off
View Your Warnings | New Posts | Latest News | Latest Threads | Shoutbox
Forum Jump


Forums: » Register « |  User CP |  Games |  Calendar |  Members |  FAQs |  Sitemap |  Support | 
  
 





© 2003-2008 by Developer Shed. All rights reserved. DS Cluster 5 hosted by Hostway